chore: format colour vars

This commit is contained in:
Bailey Matthews
2023-09-09 13:24:10 +01:00
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;}