Skip to content
This repository has been archived by the owner on Dec 10, 2024. It is now read-only.

Commit

Permalink
fix: dark mode colors
Browse files Browse the repository at this point in the history
  • Loading branch information
@saeidex
saeidex committed Sep 21, 2024
1 parent b32c733 commit 33216c6
Show file tree
Hide file tree
Showing 3 changed files with 147 additions and 147 deletions.
98 changes: 49 additions & 49 deletions apps/expo/src/styles.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -58,55 +58,55 @@

@media (prefers-color-scheme: dark) {
:root {
--md-sys-color-primary: 56.65 84.83% 58.63%;
--md-sys-color-surface-tint: 57.03 75.21% 47.45%;
--md-sys-color-on-primary: 57.69 100% 10.2%;
--md-sys-color-primary-container: 57.24 100% 38.43%;
--md-sys-color-on-primary-container: 57.39 100% 9.02%;
--md-sys-color-secondary: 55.38 44.83% 65.88%;
--md-sys-color-on-secondary: 57.69 100% 10.2%;
--md-sys-color-secondary-container: 57.14 86.3% 14.31%;
--md-sys-color-on-secondary-container: 55.5 54.05% 70.98%;
--md-sys-color-tertiary: 98.68 84.62% 71.96%;
--md-sys-color-on-tertiary: 100.71 100% 10.98%;
--md-sys-color-tertiary-container: 99.13 51.57% 56.27%;
--md-sys-color-on-tertiary-container: 101.63 100% 9.61%;
--md-sys-color-error: 6.43 100% 83.53%;
--md-sys-color-on-error: 357.14 100% 20.59%;
--md-sys-color-error-container: 355.92 100% 28.82%;
--md-sys-color-on-error-container: 5.85 100% 91.96%;
--md-sys-color-background: 54.55 35.48% 6.08%;
--md-sys-color-on-background: 49.09 31.43% 86.27%;
--md-sys-color-surface: 54.55 35.48% 6.08%;
--md-sys-color-on-surface: 49.09 31.43% 86.27%;
--md-sys-color-surface-variant: 54.29 16.8% 24.51%;
--md-sys-color-on-surface-variant: 52 22.39% 73.73%;
--md-sys-color-outline: 51.11 11.3% 53.14%;
--md-sys-color-outline-variant: 54.29 16.8% 24.51%;
--md-sys-color-shadow: 0 0% 0%;
--md-sys-color-scrim: 0 0% 0%;
--md-sys-color-inverse-surface: 49.09 31.43% 86.27%;
--md-sys-color-inverse-on-surface: 55.38 14.94% 17.06%;
--md-sys-color-inverse-primary: 57.62 100% 19.8%;
--md-sys-color-primary-fixed: 56.65 86.47% 59.41%;
--md-sys-color-on-primary-fixed: 56 100% 5.88%;
--md-sys-color-primary-fixed-dim: 57.03 75.21% 47.45%;
--md-sys-color-on-primary-fixed-variant: 56.84 100% 14.9%;
--md-sys-color-secondary-fixed: 55.56 66.94% 76.27%;
--md-sys-color-on-secondary-fixed: 56 100% 5.88%;
--md-sys-color-secondary-fixed-dim: 55.38 44.83% 65.88%;
--md-sys-color-on-secondary-fixed-variant: 56.25 72.73% 17.25%;
--md-sys-color-tertiary-fixed: 98.85 88.41% 72.94%;
--md-sys-color-on-tertiary-fixed: 105.45 100% 6.47%;
--md-sys-color-tertiary-fixed-dim: 99.15 61.46% 62.35%;
--md-sys-color-on-tertiary-fixed-variant: 98.78 100% 16.08%;
--md-sys-color-surface-dim: 54.55 35.48% 6.08%;
--md-sys-color-surface-bright: 55.71 13.46% 20.39%;
--md-sys-color-surface-container-lowest: 60 42.86% 4.12%;
--md-sys-color-surface-container-low: 55 26.09% 9.02%;
--md-sys-color-surface-container: 55 22.22% 10.59%;
--md-sys-color-surface-container-high: 50.77 17.33% 14.71%;
--md-sys-color-surface-container-highest: 55.38 13.68% 18.63%;
--ubus-sys-color-primary: 56.65 84.83% 58.63%;
--ubus-sys-color-surface-tint: 57.03 75.21% 47.45%;
--ubus-sys-color-on-primary: 57.69 100% 10.2%;
--ubus-sys-color-primary-container: 57.24 100% 38.43%;
--ubus-sys-color-on-primary-container: 57.39 100% 9.02%;
--ubus-sys-color-secondary: 55.38 44.83% 65.88%;
--ubus-sys-color-on-secondary: 57.69 100% 10.2%;
--ubus-sys-color-secondary-container: 57.14 86.3% 14.31%;
--ubus-sys-color-on-secondary-container: 55.5 54.05% 70.98%;
--ubus-sys-color-tertiary: 98.68 84.62% 71.96%;
--ubus-sys-color-on-tertiary: 100.71 100% 10.98%;
--ubus-sys-color-tertiary-container: 99.13 51.57% 56.27%;
--ubus-sys-color-on-tertiary-container: 101.63 100% 9.61%;
--ubus-sys-color-error: 6.43 100% 83.53%;
--ubus-sys-color-on-error: 357.14 100% 20.59%;
--ubus-sys-color-error-container: 355.92 100% 28.82%;
--ubus-sys-color-on-error-container: 5.85 100% 91.96%;
--ubus-sys-color-background: 54.55 35.48% 6.08%;
--ubus-sys-color-on-background: 49.09 31.43% 86.27%;
--ubus-sys-color-surface: 54.55 35.48% 6.08%;
--ubus-sys-color-on-surface: 49.09 31.43% 86.27%;
--ubus-sys-color-surface-variant: 54.29 16.8% 24.51%;
--ubus-sys-color-on-surface-variant: 52 22.39% 73.73%;
--ubus-sys-color-outline: 51.11 11.3% 53.14%;
--ubus-sys-color-outline-variant: 54.29 16.8% 24.51%;
--ubus-sys-color-shadow: 0 0% 0%;
--ubus-sys-color-scrim: 0 0% 0%;
--ubus-sys-color-inverse-surface: 49.09 31.43% 86.27%;
--ubus-sys-color-inverse-on-surface: 55.38 14.94% 17.06%;
--ubus-sys-color-inverse-primary: 57.62 100% 19.8%;
--ubus-sys-color-primary-fixed: 56.65 86.47% 59.41%;
--ubus-sys-color-on-primary-fixed: 56 100% 5.88%;
--ubus-sys-color-primary-fixed-dim: 57.03 75.21% 47.45%;
--ubus-sys-color-on-primary-fixed-variant: 56.84 100% 14.9%;
--ubus-sys-color-secondary-fixed: 55.56 66.94% 76.27%;
--ubus-sys-color-on-secondary-fixed: 56 100% 5.88%;
--ubus-sys-color-secondary-fixed-dim: 55.38 44.83% 65.88%;
--ubus-sys-color-on-secondary-fixed-variant: 56.25 72.73% 17.25%;
--ubus-sys-color-tertiary-fixed: 98.85 88.41% 72.94%;
--ubus-sys-color-on-tertiary-fixed: 105.45 100% 6.47%;
--ubus-sys-color-tertiary-fixed-dim: 99.15 61.46% 62.35%;
--ubus-sys-color-on-tertiary-fixed-variant: 98.78 100% 16.08%;
--ubus-sys-color-surface-dim: 54.55 35.48% 6.08%;
--ubus-sys-color-surface-bright: 55.71 13.46% 20.39%;
--ubus-sys-color-surface-container-lowest: 60 42.86% 4.12%;
--ubus-sys-color-surface-container-low: 55 26.09% 9.02%;
--ubus-sys-color-surface-container: 55 22.22% 10.59%;
--ubus-sys-color-surface-container-high: 50.77 17.33% 14.71%;
--ubus-sys-color-surface-container-highest: 55.38 13.68% 18.63%;

--radius: 0.5rem;
}
Expand Down
98 changes: 49 additions & 49 deletions apps/nextjs/src/app/globals.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -58,55 +58,55 @@
}

.dark {
--md-sys-color-primary: 56.65 84.83% 58.63%;
--md-sys-color-surface-tint: 57.03 75.21% 47.45%;
--md-sys-color-on-primary: 57.69 100% 10.2%;
--md-sys-color-primary-container: 57.24 100% 38.43%;
--md-sys-color-on-primary-container: 57.39 100% 9.02%;
--md-sys-color-secondary: 55.38 44.83% 65.88%;
--md-sys-color-on-secondary: 57.69 100% 10.2%;
--md-sys-color-secondary-container: 57.14 86.3% 14.31%;
--md-sys-color-on-secondary-container: 55.5 54.05% 70.98%;
--md-sys-color-tertiary: 98.68 84.62% 71.96%;
--md-sys-color-on-tertiary: 100.71 100% 10.98%;
--md-sys-color-tertiary-container: 99.13 51.57% 56.27%;
--md-sys-color-on-tertiary-container: 101.63 100% 9.61%;
--md-sys-color-error: 6.43 100% 83.53%;
--md-sys-color-on-error: 357.14 100% 20.59%;
--md-sys-color-error-container: 355.92 100% 28.82%;
--md-sys-color-on-error-container: 5.85 100% 91.96%;
--md-sys-color-background: 54.55 35.48% 6.08%;
--md-sys-color-on-background: 49.09 31.43% 86.27%;
--md-sys-color-surface: 54.55 35.48% 6.08%;
--md-sys-color-on-surface: 49.09 31.43% 86.27%;
--md-sys-color-surface-variant: 54.29 16.8% 24.51%;
--md-sys-color-on-surface-variant: 52 22.39% 73.73%;
--md-sys-color-outline: 51.11 11.3% 53.14%;
--md-sys-color-outline-variant: 54.29 16.8% 24.51%;
--md-sys-color-shadow: 0 0% 0%;
--md-sys-color-scrim: 0 0% 0%;
--md-sys-color-inverse-surface: 49.09 31.43% 86.27%;
--md-sys-color-inverse-on-surface: 55.38 14.94% 17.06%;
--md-sys-color-inverse-primary: 57.62 100% 19.8%;
--md-sys-color-primary-fixed: 56.65 86.47% 59.41%;
--md-sys-color-on-primary-fixed: 56 100% 5.88%;
--md-sys-color-primary-fixed-dim: 57.03 75.21% 47.45%;
--md-sys-color-on-primary-fixed-variant: 56.84 100% 14.9%;
--md-sys-color-secondary-fixed: 55.56 66.94% 76.27%;
--md-sys-color-on-secondary-fixed: 56 100% 5.88%;
--md-sys-color-secondary-fixed-dim: 55.38 44.83% 65.88%;
--md-sys-color-on-secondary-fixed-variant: 56.25 72.73% 17.25%;
--md-sys-color-tertiary-fixed: 98.85 88.41% 72.94%;
--md-sys-color-on-tertiary-fixed: 105.45 100% 6.47%;
--md-sys-color-tertiary-fixed-dim: 99.15 61.46% 62.35%;
--md-sys-color-on-tertiary-fixed-variant: 98.78 100% 16.08%;
--md-sys-color-surface-dim: 54.55 35.48% 6.08%;
--md-sys-color-surface-bright: 55.71 13.46% 20.39%;
--md-sys-color-surface-container-lowest: 60 42.86% 4.12%;
--md-sys-color-surface-container-low: 55 26.09% 9.02%;
--md-sys-color-surface-container: 55 22.22% 10.59%;
--md-sys-color-surface-container-high: 50.77 17.33% 14.71%;
--md-sys-color-surface-container-highest: 55.38 13.68% 18.63%;
--ubus-sys-color-primary: 56.65 84.83% 58.63%;
--ubus-sys-color-surface-tint: 57.03 75.21% 47.45%;
--ubus-sys-color-on-primary: 57.69 100% 10.2%;
--ubus-sys-color-primary-container: 57.24 100% 38.43%;
--ubus-sys-color-on-primary-container: 57.39 100% 9.02%;
--ubus-sys-color-secondary: 55.38 44.83% 65.88%;
--ubus-sys-color-on-secondary: 57.69 100% 10.2%;
--ubus-sys-color-secondary-container: 57.14 86.3% 14.31%;
--ubus-sys-color-on-secondary-container: 55.5 54.05% 70.98%;
--ubus-sys-color-tertiary: 98.68 84.62% 71.96%;
--ubus-sys-color-on-tertiary: 100.71 100% 10.98%;
--ubus-sys-color-tertiary-container: 99.13 51.57% 56.27%;
--ubus-sys-color-on-tertiary-container: 101.63 100% 9.61%;
--ubus-sys-color-error: 6.43 100% 83.53%;
--ubus-sys-color-on-error: 357.14 100% 20.59%;
--ubus-sys-color-error-container: 355.92 100% 28.82%;
--ubus-sys-color-on-error-container: 5.85 100% 91.96%;
--ubus-sys-color-background: 54.55 35.48% 6.08%;
--ubus-sys-color-on-background: 49.09 31.43% 86.27%;
--ubus-sys-color-surface: 54.55 35.48% 6.08%;
--ubus-sys-color-on-surface: 49.09 31.43% 86.27%;
--ubus-sys-color-surface-variant: 54.29 16.8% 24.51%;
--ubus-sys-color-on-surface-variant: 52 22.39% 73.73%;
--ubus-sys-color-outline: 51.11 11.3% 53.14%;
--ubus-sys-color-outline-variant: 54.29 16.8% 24.51%;
--ubus-sys-color-shadow: 0 0% 0%;
--ubus-sys-color-scrim: 0 0% 0%;
--ubus-sys-color-inverse-surface: 49.09 31.43% 86.27%;
--ubus-sys-color-inverse-on-surface: 55.38 14.94% 17.06%;
--ubus-sys-color-inverse-primary: 57.62 100% 19.8%;
--ubus-sys-color-primary-fixed: 56.65 86.47% 59.41%;
--ubus-sys-color-on-primary-fixed: 56 100% 5.88%;
--ubus-sys-color-primary-fixed-dim: 57.03 75.21% 47.45%;
--ubus-sys-color-on-primary-fixed-variant: 56.84 100% 14.9%;
--ubus-sys-color-secondary-fixed: 55.56 66.94% 76.27%;
--ubus-sys-color-on-secondary-fixed: 56 100% 5.88%;
--ubus-sys-color-secondary-fixed-dim: 55.38 44.83% 65.88%;
--ubus-sys-color-on-secondary-fixed-variant: 56.25 72.73% 17.25%;
--ubus-sys-color-tertiary-fixed: 98.85 88.41% 72.94%;
--ubus-sys-color-on-tertiary-fixed: 105.45 100% 6.47%;
--ubus-sys-color-tertiary-fixed-dim: 99.15 61.46% 62.35%;
--ubus-sys-color-on-tertiary-fixed-variant: 98.78 100% 16.08%;
--ubus-sys-color-surface-dim: 54.55 35.48% 6.08%;
--ubus-sys-color-surface-bright: 55.71 13.46% 20.39%;
--ubus-sys-color-surface-container-lowest: 60 42.86% 4.12%;
--ubus-sys-color-surface-container-low: 55 26.09% 9.02%;
--ubus-sys-color-surface-container: 55 22.22% 10.59%;
--ubus-sys-color-surface-container-high: 50.77 17.33% 14.71%;
--ubus-sys-color-surface-container-highest: 55.38 13.68% 18.63%;

--radius: 0.5rem;
}
Expand Down
98 changes: 49 additions & 49 deletions tooling/css-to-twconfig/colors.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -58,55 +58,55 @@
}

.dark {
--md-sys-color-primary: rgb(239 229 60);
--md-sys-color-surface-tint: rgb(212 203 30);
--md-sys-color-on-primary: rgb(52 50 0);
--md-sys-color-primary-container: rgb(196 187 0);
--md-sys-color-on-primary-container: rgb(46 44 0);
--md-sys-color-secondary: rgb(207 201 129);
--md-sys-color-on-secondary: rgb(52 50 0);
--md-sys-color-secondary-container: rgb(68 65 5);
--md-sys-color-on-secondary-container: rgb(221 215 141);
--md-sys-color-tertiary: rgb(166 244 123);
--md-sys-color-on-tertiary: rgb(18 56 0);
--md-sys-color-tertiary-container: rgb(126 201 86);
--md-sys-color-on-tertiary-container: rgb(15 49 0);
--md-sys-color-error: rgb(255 180 171);
--md-sys-color-on-error: rgb(105 0 5);
--md-sys-color-error-container: rgb(147 0 10);
--md-sys-color-on-error-container: rgb(255 218 214);
--md-sys-color-background: rgb(21 20 10);
--md-sys-color-on-background: rgb(231 227 209);
--md-sys-color-surface: rgb(21 20 10);
--md-sys-color-on-surface: rgb(231 227 209);
--md-sys-color-surface-variant: rgb(73 71 52);
--md-sys-color-on-surface-variant: rgb(203 199 173);
--md-sys-color-outline: rgb(149 145 122);
--md-sys-color-outline-variant: rgb(73 71 52);
--md-sys-color-shadow: rgb(0 0 0);
--md-sys-color-scrim: rgb(0 0 0);
--md-sys-color-inverse-surface: rgb(231 227 209);
--md-sys-color-inverse-on-surface: rgb(50 49 37);
--md-sys-color-inverse-primary: rgb(101 97 0);
--md-sys-color-primary-fixed: rgb(241 231 62);
--md-sys-color-on-primary-fixed: rgb(30 28 0);
--md-sys-color-primary-fixed-dim: rgb(212 203 30);
--md-sys-color-on-primary-fixed-variant: rgb(76 72 0);
--md-sys-color-secondary-fixed: rgb(235 229 154);
--md-sys-color-on-secondary-fixed: rgb(30 28 0);
--md-sys-color-secondary-fixed-dim: rgb(207 201 129);
--md-sys-color-on-secondary-fixed-variant: rgb(76 72 12);
--md-sys-color-tertiary-fixed: rgb(168 247 125);
--md-sys-color-on-tertiary-fixed: rgb(8 33 0);
--md-sys-color-tertiary-fixed-dim: rgb(141 218 100);
--md-sys-color-on-tertiary-fixed-variant: rgb(29 82 0);
--md-sys-color-surface-dim: rgb(21 20 10);
--md-sys-color-surface-bright: rgb(59 58 45);
--md-sys-color-surface-container-lowest: rgb(15 15 6);
--md-sys-color-surface-container-low: rgb(29 28 17);
--md-sys-color-surface-container: rgb(33 32 21);
--md-sys-color-surface-container-high: rgb(44 42 31);
--md-sys-color-surface-container-highest: rgb(54 53 41);
--ubus-sys-color-primary: rgb(239 229 60);
--ubus-sys-color-surface-tint: rgb(212 203 30);
--ubus-sys-color-on-primary: rgb(52 50 0);
--ubus-sys-color-primary-container: rgb(196 187 0);
--ubus-sys-color-on-primary-container: rgb(46 44 0);
--ubus-sys-color-secondary: rgb(207 201 129);
--ubus-sys-color-on-secondary: rgb(52 50 0);
--ubus-sys-color-secondary-container: rgb(68 65 5);
--ubus-sys-color-on-secondary-container: rgb(221 215 141);
--ubus-sys-color-tertiary: rgb(166 244 123);
--ubus-sys-color-on-tertiary: rgb(18 56 0);
--ubus-sys-color-tertiary-container: rgb(126 201 86);
--ubus-sys-color-on-tertiary-container: rgb(15 49 0);
--ubus-sys-color-error: rgb(255 180 171);
--ubus-sys-color-on-error: rgb(105 0 5);
--ubus-sys-color-error-container: rgb(147 0 10);
--ubus-sys-color-on-error-container: rgb(255 218 214);
--ubus-sys-color-background: rgb(21 20 10);
--ubus-sys-color-on-background: rgb(231 227 209);
--ubus-sys-color-surface: rgb(21 20 10);
--ubus-sys-color-on-surface: rgb(231 227 209);
--ubus-sys-color-surface-variant: rgb(73 71 52);
--ubus-sys-color-on-surface-variant: rgb(203 199 173);
--ubus-sys-color-outline: rgb(149 145 122);
--ubus-sys-color-outline-variant: rgb(73 71 52);
--ubus-sys-color-shadow: rgb(0 0 0);
--ubus-sys-color-scrim: rgb(0 0 0);
--ubus-sys-color-inverse-surface: rgb(231 227 209);
--ubus-sys-color-inverse-on-surface: rgb(50 49 37);
--ubus-sys-color-inverse-primary: rgb(101 97 0);
--ubus-sys-color-primary-fixed: rgb(241 231 62);
--ubus-sys-color-on-primary-fixed: rgb(30 28 0);
--ubus-sys-color-primary-fixed-dim: rgb(212 203 30);
--ubus-sys-color-on-primary-fixed-variant: rgb(76 72 0);
--ubus-sys-color-secondary-fixed: rgb(235 229 154);
--ubus-sys-color-on-secondary-fixed: rgb(30 28 0);
--ubus-sys-color-secondary-fixed-dim: rgb(207 201 129);
--ubus-sys-color-on-secondary-fixed-variant: rgb(76 72 12);
--ubus-sys-color-tertiary-fixed: rgb(168 247 125);
--ubus-sys-color-on-tertiary-fixed: rgb(8 33 0);
--ubus-sys-color-tertiary-fixed-dim: rgb(141 218 100);
--ubus-sys-color-on-tertiary-fixed-variant: rgb(29 82 0);
--ubus-sys-color-surface-dim: rgb(21 20 10);
--ubus-sys-color-surface-bright: rgb(59 58 45);
--ubus-sys-color-surface-container-lowest: rgb(15 15 6);
--ubus-sys-color-surface-container-low: rgb(29 28 17);
--ubus-sys-color-surface-container: rgb(33 32 21);
--ubus-sys-color-surface-container-high: rgb(44 42 31);
--ubus-sys-color-surface-container-highest: rgb(54 53 41);

--radius: 0.5rem;
}
Expand Down

0 comments on commit 33216c6

Please sign in to comment.