Skip to content

Instantly share code, notes, and snippets.

@RealSGII2

RealSGII2/style.css

Last active July 1, 2021 02:03
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save RealSGII2/a2724e3c499eea6c85e8a95a9fb56f38 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save RealSGII2/a2724e3c499eea6c85e8a95a9fb56f38 to your computer and use it in GitHub Desktop.
Download ZIP
bcmcol
Raw
style.css
body {
--color-static-black: #000;
--color-static-white: #fff;
--color-static-blue: #1473e6;
--color-static-gray-50: #fff;
--color-static-gray-75: #fff;
--color-static-gray-100: #fff;
--color-static-gray-200: #f4f4f4;
--color-static-gray-300: #eaeaea;
--color-static-gray-400: #d3d3d3;
--color-static-gray-500: #bcbcbc;
--color-static-gray-600: #959595;
--color-static-gray-700: #747474;
--color-static-gray-800: #505050;
--color-static-gray-900: #323232;
--color-static-blue-200: #5aa9fa;
--color-static-blue-300: #4b9cf5;
--color-static-blue-400: #378ef0;
--color-static-blue-500: #2680eb;
--color-static-blue-600: #1473e6;
--color-static-blue-700: #0d66d0;
--color-static-blue-800: #095aba;
--color-static-red-400: #ec5b62;
--color-static-red-500: #e34850;
--color-static-red-600: #d7373f;
--color-static-red-700: #c9252d;
--color-static-orange-400: #f29423;
--color-static-orange-500: #e68619;
--color-static-orange-600: #da7b11;
--color-static-orange-700: #cb6f10;
--color-static-green-400: #33ab84;
--color-static-green-500: #2d9d78;
--color-static-green-600: #268e6c;
--color-static-green-700: #12805c;
--color-static-celery-200: #58e06f;
--color-static-celery-300: #51d267;
--color-static-celery-400: #4bc35f;
--color-static-celery-500: #44b556;
--color-static-celery-600: #3da74e;
--color-static-celery-700: #379947;
--color-static-chartreuse-300: #9bec54;
--color-static-chartreuse-400: #8ede49;
--color-static-chartreuse-500: #85d044;
--color-static-chartreuse-600: #7cc33f;
--color-static-chartreuse-700: #73b53a;
--color-static-yellow-200: #ffe22e;
--color-static-yellow-300: #fad900;
--color-static-yellow-400: #edcc00;
--color-static-yellow-500: #dfbf00;
--color-static-yellow-600: #d2b200;
--color-static-yellow-700: #c4a600;
--color-static-magenta-200: #f56bb7;
--color-static-magenta-300: #ec5aaa;
--color-static-magenta-400: #e2499d;
--color-static-magenta-500: #d83790;
--color-static-magenta-600: #ca2982;
--color-static-magenta-700: #bc1c74;
--color-static-fuchsia-400: #cf3edc;
--color-static-fuchsia-500: #c038cc;
--color-static-fuchsia-600: #b130bd;
--color-static-fuchsia-700: #a228ad;
--color-static-purple-400: #9d64e1;
--color-static-purple-500: #9256d9;
--color-static-purple-600: #864ccc;
--color-static-purple-700: #7a42bf;
--color-static-purple-800: #6f38b1;
--color-static-indigo-200: #9090fa;
--color-static-indigo-300: #8282f6;
--color-static-indigo-400: #7575f1;
--color-static-indigo-500: #6767ec;
--color-static-indigo-600: #5c5ce0;
--color-static-indigo-700: #5151d3;
--color-static-seafoam-200: #26c0c7;
--color-static-seafoam-300: #23b2b8;
--color-static-seafoam-400: #20a3a8;
--color-static-seafoam-500: #1b959a;
--color-static-seafoam-600: #16878c;
--color-static-seafoam-700: #0f797d;
}
.light {
--color-celery-400: #44b556;
--color-celery-500: #3da74e;
--color-celery-600: #379947;
--color-celery-700: #318b40;
--color-chartreuse-400: #85d044;
--color-chartreuse-500: #7cc33f;
--color-chartreuse-600: #73b53a;
--color-chartreuse-700: #6aa834;
--color-yellow-400: #dfbf00;
--color-yellow-500: #d2b200;
--color-yellow-600: #c4a600;
--color-yellow-700: #b79900;
--color-magenta-400: #d83790;
--color-magenta-500: #ce2783;
--color-magenta-600: #bc1c74;
--color-magenta-700: #ae0e66;
--color-fuchsia-400: #c038cc;
--color-fuchsia-500: #b130bd;
--color-fuchsia-600: #a228ad;
--color-fuchsia-700: #93219e;
--color-purple-400: #9256d9;
--color-purple-500: #864ccc;
--color-purple-600: #7a42bf;
--color-purple-700: #6f38b1;
--color-indigo-400: #6767ec;
--color-indigo-500: #5c5ce0;
--color-indigo-600: #5151d3;
--color-indigo-700: #4646c6;
--color-seafoam-400: #1b959a;
--color-seafoam-500: #16878c;
--color-seafoam-600: #0f797d;
--color-seafoam-700: #096c6f;
--color-red-400: #e34850;
--color-red-500: #d7373f;
--color-red-600: #c9252d;
--color-red-700: #bb121a;
--color-orange-400: #e68619;
--color-orange-500: #da7b11;
--color-orange-600: #cb6f10;
--color-orange-700: #bd640d;
--color-green-400: #2d9d78;
--color-green-500: #268e6c;
--color-green-600: #12805c;
--color-green-700: #107154;
--color-blue-400: #2680eb;
--color-blue-500: #1473e6;
--color-blue-600: #0d66d0;
--color-blue-700: #095aba;
--color-gray-50: #fff;
--color-gray-75: #fafafa;
--color-gray-100: #f5f5f5;
--color-gray-200: #eaeaea;
--color-gray-300: #e1e1e1;
--color-gray-400: #cacaca;
--color-gray-500: #b3b3b3;
--color-gray-600: #8e8e8e;
--color-gray-700: #6e6e6e;
--color-gray-800: #4b4b4b;
--color-gray-900: #2c2c2c;
}
.dark {
--color-celery-400: #44b556;
--color-celery-500: #4bc35f;
--color-celery-600: #51d267;
--color-celery-700: #58e06f;
--color-chartreuse-400: #85d044;
--color-chartreuse-500: #8ede49;
--color-chartreuse-600: #9bec54;
--color-chartreuse-700: #a3f858;
--color-yellow-400: #dfbf00;
--color-yellow-500: #edcc00;
--color-yellow-600: #fad900;
--color-yellow-700: #ffe22e;
--color-magenta-400: #d83790;
--color-magenta-500: #e2499d;
--color-magenta-600: #ec5aaa;
--color-magenta-700: #f56bb7;
--color-fuchsia-400: #c038cc;
--color-fuchsia-500: #cf3edc;
--color-fuchsia-600: #d951e5;
--color-fuchsia-700: #e366ef;
--color-purple-400: #9256d9;
--color-purple-500: #9d64e1;
--color-purple-600: #a873e9;
--color-purple-700: #b483f0;
--color-indigo-400: #6767ec;
--color-indigo-500: #7575f1;
--color-indigo-600: #8282f6;
--color-indigo-700: #9090fa;
--color-seafoam-400: #1b959a;
--color-seafoam-500: #20a3a8;
--color-seafoam-600: #23b2b8;
--color-seafoam-700: #26c0c7;
--color-red-400: #e34850;
--color-red-500: #ec5b62;
--color-red-600: #f76d74;
--color-red-700: #ff7b82;
--color-orange-400: #e68619;
--color-orange-500: #f29423;
--color-orange-600: #f9a43f;
--color-orange-700: #ffb55b;
--color-green-400: #2d9d78;
--color-green-500: #33ab84;
--color-green-600: #39b990;
--color-green-700: #3fc89c;
--color-blue-400: #2680eb;
--color-blue-500: #378ef0;
--color-blue-600: #4b9cf5;
--color-blue-700: #5aa9fa;
--color-gray-50: #252525;
--color-gray-75: #2f2f2f;
--color-gray-100: #323232;
--color-gray-200: #3e3e3e;
--color-gray-300: #4a4a4a;
--color-gray-400: #5a5a5a;
--color-gray-500: #6e6e6e;
--color-gray-600: #909090;
--color-gray-700: #b9b9b9;
--color-gray-800: #e3e3e3;
--color-gray-900: #fff;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment