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

Fix hue of light mode colors

Browse Source 
Using Tailwind colors is apparently not as safe as I thought. Looked really weird if you used the sliders.
This commit is contained in:
Tetrakern 2024-05-19 05:11:07 +02:00
parent 2fd361f304
commit 6c6e400383
4 changed files with 25 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
css/complete.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

30
includes/functions/colors.json
View File

@ -9,7 +9,7 @@
},
"light_bg_50": {
"hex": "#fcfcfd",
"hsl": [240, 20, 99]
"hsl": [210, 20, 99]
},
"light_bg_100": {
"hex": "#f9fafb",
@ -24,32 +24,32 @@
"hsl": [210, 13, 91]
},
"light_bg_400": {
"hex": "#d2d5db",
"hsl": [220, 11, 84]
"hex": "#d2d6db",
"hsl": [210, 11, 84]
},
"light_bg_500": {
"hex": "#b8bdc6",
"hsl": [219, 11, 75]
"hex": "#b8bfc6",
"hsl": [210, 11, 75]
},
"light_bg_600": {
"hex": "#6b7280",
"hsl": [220, 9, 46]
"hex": "#6b7580",
"hsl": [210, 9, 46]
},
"light_bg_700": {
"hex": "#4b5563",
"hsl": [215, 14, 34]
"hex": "#4b5763",
"hsl": [210, 14, 34]
},
"light_bg_800": {
"hex": "#1f2937",
"hsl": [215, 28, 17]
"hex": "#1f2b37",
"hsl": [210, 28, 17]
},
"light_bg_900": {
"hex": "#111827",
"hsl": [221, 39, 11]
"hex": "#111c27",
"hsl": [210, 39, 11]
},
"light_bg_950": {
"hex": "#030712",
"hsl": [224, 71, 4]
"hex": "#030a11",
"hsl": [210, 71, 4]
},
"light_fg_100": {
"hex": "#010309",

16
src/scss/common/_lightmode.scss
View File

@ -87,17 +87,17 @@
// === BACKGROUNDS ===========================================================
--bg-50-free: #{hsl_code_free(240, 20, 99)}; // #fcfcfd
--bg-50-free: #{hsl_code_free(210, 20, 99)}; // #fcfcfd
--bg-100-free: #{hsl_code_free(210, 20, 98)}; // #f9fafb
--bg-200-free: #{hsl_code_free(210, 10, 96)}; // #f4f5f6
--bg-300-free: #{hsl_code_free(210, 13, 91)}; // #e5e8eb
--bg-400-free: #{hsl_code_free(220, 11, 84)}; // #d2d5db
--bg-500-free: #{hsl_code_free(219, 11, 75)}; // #b8bdc6
--bg-600-free: #{hsl_code_free(220, 9, 46)}; // #6b7280 (Tailwind Gray 500)
--bg-700-free: #{hsl_code_free(215, 14, 34)}; // #4b5563 (Tailwind Gray 600)
--bg-800-free: #{hsl_code_free(215, 28, 17)}; // #1f2937 (Tailwind Gray 800)
--bg-900-free: #{hsl_code_free(221, 39, 11)}; // #111827 (Tailwind Gray 900)
--bg-950-free: #{hsl_code_free(224, 71, 4)}; // #030712 (Tailwind Gray 950)
--bg-400-free: #{hsl_code_free(210, 11, 84)}; // #d2d6db
--bg-500-free: #{hsl_code_free(210, 11, 75)}; // #b8bfc6
--bg-600-free: #{hsl_code_free(210, 9, 46)}; // #6b7580
--bg-700-free: #{hsl_code_free(210, 14, 34)}; // #4b5763
--bg-800-free: #{hsl_code_free(210, 28, 17)}; // #1f2b37
--bg-900-free: #{hsl_code_free(210, 39, 11)}; // #111c27
--bg-950-free: #{hsl_code_free(210, 71, 4)}; // #030a11
// === FOREGROUNDS ===========================================================