mirror of
https://github.com/unraid/webgui.git
synced 2026-05-01 15:29:20 -05:00
chore: format colour vars
This commit is contained in:
committed by
Zack Spear
parent
6fb2b8178c
commit
37f79d29a8
@@ -1,10 +1,50 @@
|
||||
:root {--gray-000: rgb(255, 255, 255); /* #ffffff */--gray-100: rgb(242, 242, 242); /* #f2f2f2 */--gray-200: rgb(211, 211, 211); /* #d3d3d3 #d9d9d9 #dcdcdc #d4d5d6 */--gray-300: rgb(204, 204, 204); /* gray #c0c0c0 #a8a8a8 */--gray-400: rgb(144, 144, 144); /* #909090 #989898 #a2a2a2 #949494 */--gray-500: rgb(128, 128, 128); /* #808080 #606060 #585858 */--gray-600: rgb(048, 048, 048); /* #303030 #202020 */--gray-700: rgb(064, 064, 064); /* #404040 */--gary-800: rgb(025, 025, 025); /* #191919 #2b2a29 */--gray-900: rgb(029, 027, 027); /* #1c1b1b */
|
||||
--orange-200: rgb(255, 153, 0); /* #ff9900 */--orange-300: rgb(230, 138, 0); /* #e68a00 */--orange-400: rgb(206, 124, 16); /* #ce7c10 */--orange-500: rgb(255, 140, 47); /* #ff8c2f */--orange-800: rgb(241, 90, 44); /* #f15a2c */--orange-900: rgb(214, 51, 1); /* #d63301 */
|
||||
--red-100: rgb(255, 221, 209); /* #ffddd1 */--red-300: rgb(255, 158, 158); /* #ff9e9e */--red-500: rgb(255, 51, 0); /* #ff3300 */--red-600: rgb(240, 0, 12); /* #f0000c */--red-700: rgb(222, 17, 0); /* #de1100 */--red-800: rgb(226, 40, 40); /* #e22828 */--red-900: rgb(148, 28, 0); /* #941c00 */
|
||||
--green-100: rgb(223, 242, 191); /* #dff2bf */--green-200: rgb(51, 204, 51); /* #33cc33 */--green-500: rgb(23, 191, 11); /* #17bf0b */--green-800: rgb(79, 138, 16); /* #4f8a10 */--green-900: rgb(18, 122, 5); /* #127a05 */
|
||||
--blue-100: rgb(217, 237, 247); /* #d9edf7 */--blue-200: rgb(188, 232, 241); /* #bce8f1 */--blue-300: rgb(189, 229, 248); /* #bde5f8 */--blue-700: rgb(0, 153, 255); /* #0099ff */--blue-800: rgb(072, 109, 186); /* #486dba */--blue-900: rgb(59, 89, 152); /* #3b5998 */
|
||||
--yellow-100: rgb(255, 246, 191); /* #fff6bf */--yellow-200: rgb(254, 239, 179); /* #feefb3 */--yellow-500: rgb(255, 211, 36); /* #ffd324 */
|
||||
--text-color: var(--gray-900);--background-color: var(--gray-100);}
|
||||
:root {
|
||||
--gray-000: rgb(255, 255, 255); /* #ffffff */
|
||||
--gray-100: rgb(242, 242, 242); /* #f2f2f2 */
|
||||
--gray-200: rgb(211, 211, 211); /* #d3d3d3 #d9d9d9 #dcdcdc #d4d5d6 */
|
||||
--gray-300: rgb(204, 204, 204); /* gray #c0c0c0 #a8a8a8 */
|
||||
--gray-400: rgb(144, 144, 144); /* #909090 #989898 #a2a2a2 #949494 */
|
||||
--gray-500: rgb(128, 128, 128); /* #808080 #606060 #585858 */
|
||||
--gray-600: rgb(048, 048, 048); /* #303030 #202020 */
|
||||
--gray-700: rgb(064, 064, 064); /* #404040 */
|
||||
--gary-800: rgb(025, 025, 025); /* #191919 #2b2a29 */
|
||||
--gray-900: rgb(029, 027, 027); /* #1c1b1b */
|
||||
|
||||
--orange-200: rgb(255, 153, 0); /* #ff9900 */
|
||||
--orange-300: rgb(230, 138, 0); /* #e68a00 */
|
||||
--orange-400: rgb(206, 124, 16); /* #ce7c10 */
|
||||
--orange-500: rgb(255, 140, 47); /* #ff8c2f */
|
||||
--orange-800: rgb(241, 90, 44); /* #f15a2c */
|
||||
--orange-900: rgb(214, 51, 1); /* #d63301 */
|
||||
|
||||
--red-100: rgb(255, 221, 209); /* #ffddd1 */
|
||||
--red-300: rgb(255, 158, 158); /* #ff9e9e */
|
||||
--red-500: rgb(255, 51, 0); /* #ff3300 */
|
||||
--red-600: rgb(240, 0, 12); /* #f0000c */
|
||||
--red-700: rgb(222, 17, 0); /* #de1100 */
|
||||
--red-800: rgb(226, 40, 40); /* #e22828 */
|
||||
--red-900: rgb(148, 28, 0); /* #941c00 */
|
||||
|
||||
--green-100: rgb(223, 242, 191); /* #dff2bf */
|
||||
--green-200: rgb(51, 204, 51); /* #33cc33 */
|
||||
--green-500: rgb(23, 191, 11); /* #17bf0b */
|
||||
--green-800: rgb(79, 138, 16); /* #4f8a10 */
|
||||
--green-900: rgb(18, 122, 5); /* #127a05 */
|
||||
|
||||
--blue-100: rgb(217, 237, 247); /* #d9edf7 */
|
||||
--blue-200: rgb(188, 232, 241); /* #bce8f1 */
|
||||
--blue-300: rgb(189, 229, 248); /* #bde5f8 */
|
||||
--blue-700: rgb(0, 153, 255); /* #0099ff */
|
||||
--blue-800: rgb(072, 109, 186); /* #486dba */
|
||||
--blue-900: rgb(59, 89, 152); /* #3b5998 */
|
||||
|
||||
--yellow-100: rgb(255, 246, 191); /* #fff6bf */
|
||||
--yellow-200: rgb(254, 239, 179); /* #feefb3 */
|
||||
--yellow-500: rgb(255, 211, 36); /* #ffd324 */
|
||||
|
||||
--text-color: var(--gray-900);
|
||||
--background-color: var(--gray-100);
|
||||
}
|
||||
|
||||
html {font-family: clear-sans;font-size: 62.5%;height: 100%;}
|
||||
body {font-size: 1.3rem;color: var(--text-color);background-color: var(--background-color);padding: 0;margin: 0;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
|
||||
|
||||
Reference in New Issue
Block a user