malhuda/fictioneer
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases 112 Wiki Activity

Update dark mode colors

Browse Source
This commit is contained in:
Tetrakern 2024-04-10 00:06:24 +02:00
parent 6a278c671c
commit f6b1f336f0
7 changed files with 13 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
DEVELOPMENT.md
View File

@ -123,8 +123,8 @@ font-size: clamp(1.35em, 1vw + 18.4px, 1.75em); // CSS
* hsl_font_code(hue, saturation, lightness) returns a dynamic HSL font code.
*/
--fg-500: #{hsl_font_code(222, 18, 76)}; // SCSS
--fg-500: hsl(calc(222deg + var(--hue-rotate)) max(calc(18% * (var(--font-saturation) + var(--saturation) - 1)), 0%) clamp(0%, 76%, 100%)); // CSS
--fg-500: #{hsl_font_code(222, 18, 77)}; // SCSS
--fg-500: hsl(calc(222deg + var(--hue-rotate)) max(calc(18% * (var(--font-saturation) + var(--saturation) - 1)), 0%) clamp(0%, 77%, 100%)); // CSS
```
## JavaScript

2
css/complete.css
View File

File diff suppressed because one or more lines are too long

2
css/editor.css
View File

File diff suppressed because one or more lines are too long

2
css/properties.css
View File

File diff suppressed because one or more lines are too long

4
includes/functions/_customizer-settings.php
View File

@ -838,7 +838,7 @@ function fictioneer_add_dark_mode_customizer_settings( $manager ) {
),
'dark_fg_500' => array(
'label' => __( 'Dark Foreground 500', 'fictioneer' ),
'description' => __( 'Primary base text color for page content. Default contrast ~7:1 on BG-700.', 'fictioneer' )
'description' => __( 'Primary base text color for page content. Default contrast ~7:3 on BG-700.', 'fictioneer' )
),
'dark_fg_600' => array(
'label' => __( 'Dark Foreground 600', 'fictioneer' ),
@ -862,7 +862,7 @@ function fictioneer_add_dark_mode_customizer_settings( $manager ) {
),
'dark_fg_tinted' => array(
'label' => __( 'Dark Foreground Tinted', 'fictioneer' ),
'description' => __( 'Default color in chapters; slightly darker and more saturated than the base text color to reduce eye strain. Default contrast ~6.6:1 on BG-700.', 'fictioneer' )
'description' => __( 'Default color in chapters; slightly darker and more saturated than the base text color to reduce eye strain. Default contrast ~6.9:1 on BG-700.', 'fictioneer' )
),
'dark_fg_inverted' => array(
'label' => __( 'Dark Foreground Inverted', 'fictioneer' ),

8
includes/functions/colors.json
View File

@ -272,8 +272,8 @@
"hsl": [222, 18, 80.5]
},
"dark_fg_500": {
"hex": "#b7bdcc",
"hsl": [222, 18, 76]
"hex": "#bac0cf",
"hsl": [222, 18, 77]
},
"dark_fg_600": {
"hex": "#a8afc3",
@ -296,8 +296,8 @@
"hsl": [222, 9, 49]
},
"dark_fg_tinted": {
"hex": "#b0b7ca",
"hsl": [224, 20, 74]
"hex": "#b4bccf",
"hsl": [224, 22, 76]
},
"dark_fg_inverted": {
"hex": "#0a0c0f",

4
src/scss/common/_properties.scss
View File

@ -212,13 +212,13 @@
--fg-200: #{hsl_font_code(222, 26, 89)}; // Contrast ratio vs bg-700 ~ 10
--fg-300: #{hsl_font_code(224, 20, 85)}; // Contrast ratio vs bg-700 ~ 9.02
--fg-400: #{hsl_font_code(222, 18, 80.5)}; // Contrast ratio vs bg-700 ~ 8.02
--fg-500: #{hsl_font_code(222, 18, 76)}; // Contrast ratio vs bg-700 ~ 7.05
--fg-500: #{hsl_font_code(222, 18, 77)}; // Contrast ratio vs bg-700 ~ 7.26
--fg-600: #{hsl_font_code(224, 18, 71)}; // Contrast ratio vs bg-700 ~ 6.01
--fg-700: #{hsl_font_code(224, 16, 65)}; // Contrast ratio vs bg-700 ~ 5
--fg-800: #{hsl_font_code(222, 12, 61)}; // Contrast ratio vs bg-700 ~ 4.5
--fg-900: #{hsl_font_code(222, 11, 54)}; // Contrast ratio vs bg-700 ~ 3.55
--fg-950: #{hsl_font_code(222, 9, 49)}; // Contrast ratio vs bg-700 ~ 3
--fg-tinted: #{hsl_font_code(224, 20, 74)}; // Contrast ratio vs bg-700 ~ 6.6
--fg-tinted: #{hsl_font_code(224, 22, 76)}; // Contrast ratio vs bg-700 ~ 6.92
--fg-inverted: #{hsl_font_code(222, 20, 5)}; // Contrast ratio vs bg-200 ~ 4.51
}