jprdonnelly/freeCodeCamp
1
0
Fork 0
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git synced 2026-03-24 11:03:17 -04:00
Code Issues Projects Releases Wiki Activity

feat(client, tools): make ui component respect theme (#50202)

Browse Source 
Co-authored-by: Oliver Eyton-Williams <ojeytonwilliams@gmail.com>
This commit is contained in:
Muhammed Mustafa
2023-04-28 11:44:12 +02:00
committed by GitHub
parent 3af73290bc
commit c93d61f1e5
2 changed files with 4 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
tools/ui-components/.storybook/preview.js
View File

@@ -10,11 +10,11 @@ export const parameters = {
backgrounds: {
values: [
{
name: 'light',
name: 'light-palette',
value: '#ffffff'
},
{
name: 'dark',
name: 'dark-palette',
value: '#0a0a23'
}
]

6
tools/ui-components/src/colors.css
View File

@@ -89,8 +89,7 @@
--red90: var(--red90);
}
html,
div.light {
.light-palette {
--foreground-primary: var(--gray90);
--foreground-secondary: var(--gray85);
--foreground-tertiary: var(--gray80);
@@ -109,8 +108,7 @@ div.light {
--focus-outline-color: var(--blue50);
}
html.dark,
div.dark {
.dark-palette {
--foreground-primary: var(--gray00);
--foreground-secondary: var(--gray05);
--foreground-tertiary: var(--gray10);