mjs/nebula
1
0
Fork 0
mirror of https://github.com/onsonr/nebula.git synced 2025-03-10 09:27:09 +00:00
Code Issues Packages Projects Releases Wiki Activity

style: update color palettes for dark and light themes

Browse Source
This commit is contained in:
Prad Nukala 2024-12-06 12:41:02 -05:00
parent d8b4ee852a
commit 30742c7346
2 changed files with 24 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
src/themes/dark.css
View File

@ -6,18 +6,18 @@
* Color Primitives
*/
/* Slate - Dark Theme */
--sl-color-gray-50: hsl(220 6% 7%); /* slate1: #11111 */
--sl-color-gray-100: hsl(220 6% 10%); /* slate2: #18191b */
--sl-color-gray-200: hsl(220 6% 14%); /* slate3: #222327 */
--sl-color-gray-300: hsl(220 6% 17%); /* slate4: #282a2d */
--sl-color-gray-400: hsl(220 6% 20%); /* slate5: #2e3135 */
--sl-color-gray-500: hsl(220 7% 23%); /* slate6: #373a3e */
--sl-color-gray-600: hsl(220 7% 29%); /* slate7: #444a4e */
--sl-color-gray-700: hsl(220 7% 39%); /* slate8: #5c6268 */
--sl-color-gray-800: hsl(220 7% 45%); /* slate9: #696f76 */
--sl-color-gray-900: hsl(220 7% 50%); /* slate10: #777d84 */
--sl-color-gray-950: hsl(220 15% 92%); /* slate12: #fcfdff */
/* Gray */
--sl-color-gray-50: hsl(240 5.1% 15%);
--sl-color-gray-100: hsl(240 5.7% 18.2%);
--sl-color-gray-200: hsl(240 4.6% 22%);
--sl-color-gray-300: hsl(240 5% 27.6%);
--sl-color-gray-400: hsl(240 5% 35.5%);
--sl-color-gray-500: hsl(240 3.7% 44%);
--sl-color-gray-600: hsl(240 5.3% 58%);
--sl-color-gray-700: hsl(240 5.6% 73%);
--sl-color-gray-800: hsl(240 7.3% 84%);
--sl-color-gray-900: hsl(240 9.1% 91.8%);
--sl-color-gray-950: hsl(0 0% 95%);
/* Red */
--sl-color-red-50: hsl(0 56% 23.9%);

24
src/themes/light.css
View File

@ -7,18 +7,18 @@
* Color Primitives
*/
/* Slate - Light Theme */
--sl-color-gray-50: hsl(220 14% 99%); /* slate1: #fcfcfd */
--sl-color-gray-100: hsl(220 14% 98%); /* slate2: #f9f9fb */
--sl-color-gray-200: hsl(220 13% 95%); /* slate3: #f0f0f3 */
--sl-color-gray-300: hsl(220 11% 92%); /* slate4: #e8e8ec */
--sl-color-gray-400: hsl(220 10% 89%); /* slate5: #e0e1e6 */
--sl-color-gray-500: hsl(220 9% 86%); /* slate6: #d9d9e0 */
--sl-color-gray-600: hsl(220 12% 82%); /* slate7: #cdced6 */
--sl-color-gray-700: hsl(220 13% 75%); /* slate8: #b9bbc6 */
--sl-color-gray-800: hsl(220 8% 57%); /* slate9: #8b8d98 */
--sl-color-gray-900: hsl(220 7% 53%); /* slate10: #80838d */
--sl-color-gray-950: hsl(220 6% 40%); /* slate11: #60646c */
/* Gray */
--sl-color-gray-50: hsl(0 0% 97.5%);
--sl-color-gray-100: hsl(240 4.8% 95.9%);
--sl-color-gray-200: hsl(240 5.9% 90%);
--sl-color-gray-300: hsl(240 4.9% 83.9%);
--sl-color-gray-400: hsl(240 5% 64.9%);
--sl-color-gray-500: hsl(240 3.8% 46.1%);
--sl-color-gray-600: hsl(240 5.2% 33.9%);
--sl-color-gray-700: hsl(240 5.3% 26.1%);
--sl-color-gray-800: hsl(240 3.7% 15.9%);
--sl-color-gray-900: hsl(240 5.9% 10%);
--sl-color-gray-950: hsl(240 7.3% 8%);
/* Red */
--sl-color-red-50: hsl(0 85.7% 97.3%);