From 3acd1a9150b58286932f1f38347f20f364942a5c Mon Sep 17 00:00:00 2001 From: Jean-Romain Garnier Date: Sun, 17 Jan 2021 17:25:43 +0100 Subject: [PATCH] Allow setting specific text and link color in bg elements --- default-dark/default-dark-variables.scss | 7 ++++++- solarized/solarized-variables.scss | 7 ++++++- template-variables.scss | 5 +++++ template.scss | 26 ++++++++++++++++++++++-- 4 files changed, 41 insertions(+), 4 deletions(-) diff --git a/default-dark/default-dark-variables.scss b/default-dark/default-dark-variables.scss index 75647e0..07b1996 100644 --- a/default-dark/default-dark-variables.scss +++ b/default-dark/default-dark-variables.scss @@ -42,6 +42,11 @@ $link-color: #337ab7; $link-focus-color: #49a8e8; +// Highlights +$bg-text-color: $text-color; +$bg-link-color: #628bae; + + // Forms $forms-text-color: #555555; $forms-background-color: #ffffff; @@ -84,7 +89,7 @@ $button-text-color: $text-color; // Alerts $alert-text-color: $text-color; -$alert-link-color: $alert-text-color; +$alert-link-color: #628bae; // Pagination diff --git a/solarized/solarized-variables.scss b/solarized/solarized-variables.scss index 274c610..1631dd7 100644 --- a/solarized/solarized-variables.scss +++ b/solarized/solarized-variables.scss @@ -42,6 +42,11 @@ $link-color: #2aa198; $link-focus-color: $link-color; +// Highlights +$bg-text-color: #ffffff; +$bg-link-color: #00e8d2; + + // Forms $forms-text-color: #495057; $forms-background-color: #a9bdbd; @@ -84,7 +89,7 @@ $button-text-color: #ffffff; // Alerts $alert-text-color: #ffffff; -$alert-link-color: $alert-text-color; +$alert-link-color: #00e8d2; // Pagination diff --git a/template-variables.scss b/template-variables.scss index 44a9a3d..6bf9866 100644 --- a/template-variables.scss +++ b/template-variables.scss @@ -44,6 +44,11 @@ $link-color: none; $link-focus-color: none; +// Highlights +$bg-text-color: none; +$bg-link-color: none; + + // Forms $forms-text-color: none; $forms-background-color: none; diff --git a/template.scss b/template.scss index 8f92840..2fcb87c 100644 --- a/template.scss +++ b/template.scss @@ -73,25 +73,47 @@ a:hover { * Highlights */ .bg-primary { - color: $text-color; + color: $bg-text-color; background-color: $primary-color; } +.bg-primary a { + color: $bg-link-color; +} .bg-secondary { - color: $text-color; + color: $bg-text-color; background-color: $secondary-color; } +.bg-secondary a { + color: $bg-link-color; +} .bg-success { + color: $bg-text-color; background-color: $success-color; } +.bg-success a { + color: $bg-link-color; +} .bg-info { + color: $bg-text-color; background-color: $info-color; } +.bg-info a { + color: $bg-link-color; +} .bg-warning { + color: $bg-text-color; background-color: $warning-color; } +.bg-warning a { + color: $bg-link-color; +} .bg-danger { + color: $bg-text-color; background-color: $danger-color; } +.bg-danger a { + color: $bg-link-color; +} /*