From cef3bfc404629baddbfa216ab0c54968a9d41c9e Mon Sep 17 00:00:00 2001 From: Joe Banks Date: Tue, 6 Oct 2026 23:27:16 +0100 Subject: [PATCH] fix: restore rounded corners except on cards, buttons and inputs, and lighten dark-mode text colours --- pipeline/source_assets/scss/_custom-variables.scss | 1 - pipeline/source_assets/scss/screen.scss | 9 ++++++++- 2 files changed, 8 insertions(+), 2 deletions(-) diff --git a/pipeline/source_assets/scss/_custom-variables.scss b/pipeline/source_assets/scss/_custom-variables.scss index e995b7ae..30dc35c9 100644 --- a/pipeline/source_assets/scss/_custom-variables.scss +++ b/pipeline/source_assets/scss/_custom-variables.scss @@ -2,7 +2,6 @@ $font-family-sans-serif: "Open Sans", sans-serif; //Make it look less primary school $font-size-base: 0.85rem; $enable-shadows: true; -$enable-rounded: false; $primary: #3A52A2; $success: #5cb85c; diff --git a/pipeline/source_assets/scss/screen.scss b/pipeline/source_assets/scss/screen.scss index a504cabb..1a68fbc7 100644 --- a/pipeline/source_assets/scss/screen.scss +++ b/pipeline/source_assets/scss/screen.scss @@ -311,7 +311,8 @@ html.embedded { } } -.CodeMirror, .editor-toolbar { +// The site has always used square cards, buttons and inputs; everything else keeps Bootstrap's rounding +.card, .card-header, .btn, input, select, .CodeMirror, .editor-toolbar, .card-img-top { border-radius: 0 !important; } @@ -354,6 +355,12 @@ $dark-theme-colors: ( .btn-outline-#{$name} { @include button-outline-variant($value); } + // The brand colours above are tuned for backgrounds; text needs the lighter emphasis shade to be legible + @if $name != "light" and $name != "dark" { + .text-#{$name} { + color: var(--bs-#{$name}-text-emphasis) !important; + } + } .text-bg-#{$name} { color: color-contrast($value) !important; background-color: RGBA(to-rgb($value), var(--bs-bg-opacity, 1)) !important;