Add color variables of texts for better accesibility (#7125)
* Add variables for text colors * Change variables in sass files * Apply text color variables for recently added colors * Fix text colors of emoji mart anchors * Fix text colors of search__input * Fix text colors of text area of compose-form * Fix icon colors of privacy dropdown and modal * Inverted icon colors by classname * Change variables in boost.scss * Change action-button-color * Fix text colors of pre-header
This commit is contained in:
parent
0ba49eca8b
commit
74dae9458d
16 changed files with 285 additions and 340 deletions
|
@ -18,6 +18,11 @@ $base-overlay-background: $black !default;
|
|||
$base-border-color: $white !default;
|
||||
$simple-background-color: $white !default;
|
||||
$primary-text-color: $white !default;
|
||||
$darker-text-color: rgba($primary-text-color, 0.7) !default;
|
||||
$highlight-text-color: $classic-highlight-color !default;
|
||||
$inverted-text-color: $black !default;
|
||||
$lighter-text-color: rgba($inverted-text-color, 0.7) !default;
|
||||
$action-button-color: #8d9ac2;
|
||||
$valid-value-color: $success-green !default;
|
||||
$error-value-color: $error-red !default;
|
||||
|
||||
|
@ -26,7 +31,7 @@ $ui-base-color: $classic-base-color !default; // Darkest
|
|||
$ui-base-lighter-color: lighten($ui-base-color, 26%) !default; // Lighter darkest
|
||||
$ui-primary-color: $classic-primary-color !default; // Lighter
|
||||
$ui-secondary-color: $classic-secondary-color !default; // Lightest
|
||||
$ui-highlight-color: $classic-highlight-color !default; // Vibrant
|
||||
$ui-highlight-color: #2b5fd9;
|
||||
|
||||
// Language codes that uses CJK fonts
|
||||
$cjk-langs: ja, ko, zh-CN, zh-HK, zh-TW;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue