Initial commit for Hugo site.
This commit is contained in:
Charish Patel
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,324 @@
|
||||
/*! Congo v2.8.2 | MIT License | https://github.com/jpanther/congo */
|
||||
|
||||
@tailwind base;
|
||||
@tailwind components;
|
||||
|
||||
body a,
|
||||
body button {
|
||||
@apply transition-colors;
|
||||
}
|
||||
|
||||
/* Scale SVG icons to text size */
|
||||
.icon svg {
|
||||
@apply h-[1em] w-[1em];
|
||||
}
|
||||
|
||||
/* Search */
|
||||
#search-query::-webkit-search-cancel-button,
|
||||
#search-query::-webkit-search-decoration,
|
||||
#search-query::-webkit-search-results-button,
|
||||
#search-query::-webkit-search-results-decoration {
|
||||
@apply hidden;
|
||||
}
|
||||
|
||||
/* Hamburger menu */
|
||||
body:has(#menu-controller:checked) {
|
||||
@apply h-screen overflow-hidden;
|
||||
}
|
||||
#menu-button:has(#menu-controller:checked) {
|
||||
@apply invisible;
|
||||
}
|
||||
#menu-controller:checked ~ #menu-wrapper {
|
||||
@apply visible opacity-100;
|
||||
}
|
||||
|
||||
/* RTL support */
|
||||
.prose blockquote {
|
||||
@apply rtl:border-l-0 rtl:border-r-4 rtl:pr-4;
|
||||
}
|
||||
.prose ul > li,
|
||||
.prose ol > li {
|
||||
@apply rtl:mr-7 rtl:pl-0 rtl:pr-2;
|
||||
}
|
||||
.prose ol > li:before,
|
||||
.prose ul > li:before {
|
||||
@apply rtl:left-auto rtl:right-1;
|
||||
}
|
||||
.prose thead td:first-child,
|
||||
.prose thead th:first-child {
|
||||
@apply rtl:pr-0;
|
||||
}
|
||||
.prose thead td:last-child,
|
||||
.prose thead th:last-child {
|
||||
@apply rtl:pl-0;
|
||||
}
|
||||
|
||||
/* Adjust first child within prose */
|
||||
.prose div.min-w-0.max-w-prose > *:first-child {
|
||||
@apply mt-3;
|
||||
}
|
||||
|
||||
/* Table of Contents */
|
||||
.toc {
|
||||
max-height: 100vh;
|
||||
overflow-y: auto;
|
||||
padding-bottom: 50px;
|
||||
}
|
||||
|
||||
.toc ul,
|
||||
.toc li {
|
||||
@apply list-none px-0 leading-snug;
|
||||
}
|
||||
.toc ul ul {
|
||||
@apply ps-4;
|
||||
}
|
||||
.toc a {
|
||||
@apply font-normal text-neutral-700 dark:text-neutral-400;
|
||||
}
|
||||
.toc ul > li {
|
||||
@apply rtl:mr-0;
|
||||
}
|
||||
|
||||
/* Code Copy */
|
||||
.highlight-wrapper {
|
||||
@apply block;
|
||||
}
|
||||
.highlight {
|
||||
@apply relative z-0;
|
||||
}
|
||||
.highlight:hover > .copy-button {
|
||||
@apply visible;
|
||||
}
|
||||
.copy-button {
|
||||
@apply invisible absolute right-0 top-0 z-10 w-20 cursor-pointer whitespace-nowrap rounded-bl-md rounded-tr-md bg-neutral-200 py-1 font-mono text-sm text-neutral-700 opacity-90 dark:bg-neutral-600 dark:text-neutral-200;
|
||||
}
|
||||
.copy-button:hover,
|
||||
.copy-button:focus,
|
||||
.copy-button:active,
|
||||
.copy-button:active:hover {
|
||||
@apply bg-primary-100 dark:bg-primary-600;
|
||||
}
|
||||
.copy-textarea {
|
||||
@apply absolute -z-10 opacity-5;
|
||||
}
|
||||
|
||||
/* Fix long KaTeX equations on mobile (see https://katex.org/docs/issues.html#css-customization) */
|
||||
.katex-display {
|
||||
overflow: auto hidden;
|
||||
}
|
||||
|
||||
/* Fix long tables breaking out of article on mobile */
|
||||
table {
|
||||
@apply block overflow-auto md:table;
|
||||
}
|
||||
|
||||
/* Fix long inline code sections breaking out of article on mobile */
|
||||
code {
|
||||
word-wrap: break-word; /* All browsers since IE 5.5+ */
|
||||
@apply break-words;
|
||||
}
|
||||
|
||||
/* -- Chroma Highlight -- */
|
||||
/* Background */
|
||||
.chroma {
|
||||
@apply rounded-md bg-neutral-50 py-3 text-neutral-700 dark:bg-neutral-700 dark:text-neutral-200;
|
||||
}
|
||||
.chroma pre {
|
||||
@apply m-0 p-0;
|
||||
}
|
||||
/* LineTable */
|
||||
.chroma .lntable {
|
||||
@apply m-0 block w-auto overflow-auto text-base;
|
||||
}
|
||||
/* LineNumbersTable */
|
||||
/* LineNumbers */
|
||||
.chroma .lnt,
|
||||
.chroma .ln {
|
||||
@apply mr-2 px-2 text-neutral-600 dark:text-neutral-300;
|
||||
}
|
||||
.chroma .lntd {
|
||||
@apply p-0 align-top;
|
||||
}
|
||||
.chroma .lntd:last-of-type {
|
||||
@apply w-full;
|
||||
}
|
||||
/* LineHighlight */
|
||||
.chroma .hl {
|
||||
@apply block w-full bg-primary-100 dark:bg-primary-900;
|
||||
}
|
||||
/* Keyword */
|
||||
/* KeywordDeclaration */
|
||||
/* KeywordNamespace */
|
||||
/* KeywordPseudo */
|
||||
/* KeywordReserved */
|
||||
/* NameClass */
|
||||
/* NameFunctionMagic */
|
||||
/* NameNamespace */
|
||||
/* NameVariableClass */
|
||||
/* Operator */
|
||||
.chroma .k,
|
||||
.chroma .kd,
|
||||
.chroma .kn,
|
||||
.chroma .kp,
|
||||
.chroma .kr,
|
||||
.chroma .nc,
|
||||
.chroma .fm,
|
||||
.chroma .nn,
|
||||
.chroma .vc,
|
||||
.chroma .o {
|
||||
@apply text-primary-600 dark:text-primary-300;
|
||||
}
|
||||
/* KeywordConstant */
|
||||
.chroma .kc {
|
||||
@apply font-semibold text-secondary-400 dark:text-secondary-500;
|
||||
}
|
||||
/* KeywordType */
|
||||
/* NameVariable */
|
||||
/* NameVariableInstance */
|
||||
/* NameVariableMagic */
|
||||
/* LiteralNumber */
|
||||
/* LiteralNumberBin */
|
||||
/* LiteralNumberFloat */
|
||||
/* LiteralNumberHex */
|
||||
/* LiteralNumberInteger */
|
||||
/* LiteralNumberIntegerLong */
|
||||
/* LiteralNumberOct */
|
||||
.chroma .kt,
|
||||
.chroma .nv,
|
||||
.chroma .vi,
|
||||
.chroma .vm,
|
||||
.chroma .m,
|
||||
.chroma .mb,
|
||||
.chroma .mf,
|
||||
.chroma .mh,
|
||||
.chroma .mi,
|
||||
.chroma .il,
|
||||
.chroma .mo {
|
||||
@apply text-secondary-400 dark:text-secondary-600;
|
||||
}
|
||||
/* Name */
|
||||
/* NameDecorator */
|
||||
/* NameEntity */
|
||||
/* NameLabel */
|
||||
.chroma .n,
|
||||
.chroma .nd,
|
||||
.chroma .ni,
|
||||
.chroma .nl {
|
||||
@apply text-secondary-900 dark:text-secondary-200;
|
||||
}
|
||||
/* NameAttribute */
|
||||
/* NameBuiltin */
|
||||
/* NameBuiltinPseudo */
|
||||
/* NameOther */
|
||||
/* NameProperty */
|
||||
/* NameTag */
|
||||
.chroma .na,
|
||||
.chroma .nb,
|
||||
.chroma .bp,
|
||||
.chroma .nx,
|
||||
.chroma .py,
|
||||
.chroma .nt {
|
||||
@apply text-secondary-800 dark:text-secondary-300;
|
||||
}
|
||||
/* NameConstant */
|
||||
/* NameException */
|
||||
/* NameVariableGlobal */
|
||||
.chroma .no,
|
||||
.chroma .ne,
|
||||
.chroma .vg {
|
||||
@apply font-semibold text-secondary-400 dark:text-secondary-500;
|
||||
}
|
||||
/* NameFunction */
|
||||
.chroma .nf {
|
||||
@apply text-secondary-600 dark:text-secondary-500;
|
||||
}
|
||||
/* Literal */
|
||||
/* LiteralDate */
|
||||
/* LiteralString */
|
||||
/* LiteralStringAffix */
|
||||
/* LiteralStringBacktick */
|
||||
/* LiteralStringChar */
|
||||
/* LiteralStringDelimiter */
|
||||
/* LiteralStringDoc */
|
||||
/* LiteralStringDouble */
|
||||
/* LiteralStringHeredoc */
|
||||
/* LiteralStringInterpol */
|
||||
/* LiteralStringOther */
|
||||
/* LiteralStringSingle */
|
||||
/* GenericInserted */
|
||||
/* GenericOutput */
|
||||
/* GenericPrompt */
|
||||
.chroma .l,
|
||||
.chroma .ld,
|
||||
.chroma .s,
|
||||
.chroma .sa,
|
||||
.chroma .sb,
|
||||
.chroma .sc,
|
||||
.chroma .dl,
|
||||
.chroma .sd,
|
||||
.chroma .s2,
|
||||
.chroma .sh,
|
||||
.chroma .si,
|
||||
.chroma .sx,
|
||||
.chroma .s1,
|
||||
.chroma .gi,
|
||||
.chroma .go,
|
||||
.chroma .gp {
|
||||
@apply text-primary-800 dark:text-primary-400;
|
||||
}
|
||||
/* LiteralStringEscape */
|
||||
.chroma .se {
|
||||
@apply font-semibold text-secondary-400 dark:text-secondary-500;
|
||||
}
|
||||
/* LiteralStringRegex */
|
||||
/* LiteralStringSymbol */
|
||||
.chroma .sr,
|
||||
.chroma .ss {
|
||||
@apply font-semibold text-primary-800 dark:text-primary-400;
|
||||
}
|
||||
/* OperatorWord */
|
||||
.chroma .ow {
|
||||
@apply font-semibold text-primary-400 dark:text-primary-600;
|
||||
}
|
||||
/* Comment */
|
||||
/* CommentMultiline */
|
||||
/* CommentSingle */
|
||||
/* CommentSpecial */
|
||||
/* CommentPreproc */
|
||||
/* CommentPreprocFile */
|
||||
.chroma .c,
|
||||
.chroma .cm,
|
||||
.chroma .c1,
|
||||
.chroma .cs,
|
||||
.chroma .cp,
|
||||
.chroma .cpf {
|
||||
@apply italic text-neutral-500 dark:text-neutral-400;
|
||||
}
|
||||
/* CommentHashbang */
|
||||
.chroma .ch {
|
||||
@apply font-semibold italic text-neutral-500 dark:text-neutral-400;
|
||||
}
|
||||
/* GenericEmph */
|
||||
.chroma .ge {
|
||||
@apply italic;
|
||||
}
|
||||
/* GenericHeading */
|
||||
.chroma .gh {
|
||||
@apply font-semibold text-neutral-500;
|
||||
}
|
||||
/* GenericStrong */
|
||||
.chroma .gs {
|
||||
@apply font-semibold;
|
||||
}
|
||||
/* GenericSubheading */
|
||||
/* GenericTraceback */
|
||||
.chroma .gu,
|
||||
.chroma .gt {
|
||||
@apply text-neutral-500;
|
||||
}
|
||||
/* GenericUnderline */
|
||||
.chroma .gl {
|
||||
@apply underline;
|
||||
}
|
||||
|
||||
@tailwind utilities;
|
||||
@@ -0,0 +1,40 @@
|
||||
/* Avocado scheme */
|
||||
:root {
|
||||
--color-neutral: 255, 255, 255;
|
||||
/* Stone */
|
||||
--color-neutral-50: 250, 250, 249;
|
||||
--color-neutral-100: 245, 245, 244;
|
||||
--color-neutral-200: 231, 229, 228;
|
||||
--color-neutral-300: 214, 211, 209;
|
||||
--color-neutral-400: 168, 162, 158;
|
||||
--color-neutral-500: 120, 113, 108;
|
||||
--color-neutral-600: 87, 83, 78;
|
||||
--color-neutral-700: 68, 64, 60;
|
||||
--color-neutral-800: 41, 37, 36;
|
||||
--color-neutral-900: 28, 25, 23;
|
||||
--color-neutral-950: 12, 10, 9;
|
||||
/* Lime */
|
||||
--color-primary-50: 247, 254, 231;
|
||||
--color-primary-100: 236, 252, 203;
|
||||
--color-primary-200: 217, 249, 157;
|
||||
--color-primary-300: 190, 242, 100;
|
||||
--color-primary-400: 163, 230, 53;
|
||||
--color-primary-500: 132, 204, 22;
|
||||
--color-primary-600: 101, 163, 13;
|
||||
--color-primary-700: 77, 124, 15;
|
||||
--color-primary-800: 63, 98, 18;
|
||||
--color-primary-900: 54, 83, 20;
|
||||
--color-primary-950: 26, 46, 5;
|
||||
/* Emerald */
|
||||
--color-secondary-50: 236, 253, 245;
|
||||
--color-secondary-100: 209, 250, 229;
|
||||
--color-secondary-200: 167, 243, 208;
|
||||
--color-secondary-300: 110, 231, 183;
|
||||
--color-secondary-400: 52, 211, 153;
|
||||
--color-secondary-500: 16, 185, 129;
|
||||
--color-secondary-600: 5, 150, 105;
|
||||
--color-secondary-700: 4, 120, 87;
|
||||
--color-secondary-800: 6, 95, 70;
|
||||
--color-secondary-900: 6, 78, 59;
|
||||
--color-secondary-950: 2, 44, 34;
|
||||
}
|
||||
@@ -0,0 +1,40 @@
|
||||
/* Cherry scheme */
|
||||
:root {
|
||||
--color-neutral: 255, 255, 255;
|
||||
/* Neutral */
|
||||
--color-neutral-50: 250, 250, 250;
|
||||
--color-neutral-100: 245, 245, 245;
|
||||
--color-neutral-200: 229, 229, 229;
|
||||
--color-neutral-300: 212, 212, 212;
|
||||
--color-neutral-400: 163, 163, 163;
|
||||
--color-neutral-500: 115, 115, 115;
|
||||
--color-neutral-600: 82, 82, 82;
|
||||
--color-neutral-700: 64, 64, 64;
|
||||
--color-neutral-800: 38, 38, 38;
|
||||
--color-neutral-900: 23, 23, 23;
|
||||
--color-neutral-950: 10, 10, 10;
|
||||
/* Rose */
|
||||
--color-primary-50: 255, 241, 242;
|
||||
--color-primary-100: 255, 228, 230;
|
||||
--color-primary-200: 254, 205, 211;
|
||||
--color-primary-300: 253, 164, 175;
|
||||
--color-primary-400: 251, 113, 133;
|
||||
--color-primary-500: 244, 63, 94;
|
||||
--color-primary-600: 225, 29, 72;
|
||||
--color-primary-700: 190, 18, 60;
|
||||
--color-primary-800: 159, 18, 57;
|
||||
--color-primary-900: 136, 19, 55;
|
||||
--color-primary-950: 76, 5, 25;
|
||||
/* Green */
|
||||
--color-secondary-50: 240, 253, 244;
|
||||
--color-secondary-100: 220, 252, 231;
|
||||
--color-secondary-200: 187, 247, 208;
|
||||
--color-secondary-300: 134, 239, 172;
|
||||
--color-secondary-400: 74, 222, 128;
|
||||
--color-secondary-500: 34, 197, 94;
|
||||
--color-secondary-600: 22, 163, 74;
|
||||
--color-secondary-700: 21, 128, 61;
|
||||
--color-secondary-800: 22, 101, 52;
|
||||
--color-secondary-900: 20, 83, 45;
|
||||
--color-secondary-950: 5, 46, 22;
|
||||
}
|
||||
@@ -0,0 +1,40 @@
|
||||
/* Congo scheme */
|
||||
:root {
|
||||
--color-neutral: 255, 255, 255;
|
||||
/* Gray */
|
||||
--color-neutral-50: 250, 250, 250;
|
||||
--color-neutral-100: 244, 244, 245;
|
||||
--color-neutral-200: 228, 228, 231;
|
||||
--color-neutral-300: 212, 212, 216;
|
||||
--color-neutral-400: 161, 161, 170;
|
||||
--color-neutral-500: 113, 113, 122;
|
||||
--color-neutral-600: 82, 82, 91;
|
||||
--color-neutral-700: 63, 63, 70;
|
||||
--color-neutral-800: 39, 39, 42;
|
||||
--color-neutral-900: 24, 24, 27;
|
||||
--color-neutral-950: 3, 7, 18;
|
||||
/* Violet */
|
||||
--color-primary-50: 245, 243, 255;
|
||||
--color-primary-100: 237, 233, 254;
|
||||
--color-primary-200: 221, 214, 254;
|
||||
--color-primary-300: 196, 181, 253;
|
||||
--color-primary-400: 167, 139, 250;
|
||||
--color-primary-500: 139, 92, 246;
|
||||
--color-primary-600: 124, 58, 237;
|
||||
--color-primary-700: 109, 40, 217;
|
||||
--color-primary-800: 91, 33, 182;
|
||||
--color-primary-900: 76, 29, 149;
|
||||
--color-primary-950: 46, 16, 101;
|
||||
/* Fuchsia */
|
||||
--color-secondary-50: 253, 244, 255;
|
||||
--color-secondary-100: 250, 232, 255;
|
||||
--color-secondary-200: 245, 208, 254;
|
||||
--color-secondary-300: 240, 171, 252;
|
||||
--color-secondary-400: 232, 121, 249;
|
||||
--color-secondary-500: 217, 70, 239;
|
||||
--color-secondary-600: 192, 38, 211;
|
||||
--color-secondary-700: 162, 28, 175;
|
||||
--color-secondary-800: 134, 25, 143;
|
||||
--color-secondary-900: 112, 26, 117;
|
||||
--color-secondary-950: 74, 4, 78;
|
||||
}
|
||||
@@ -0,0 +1,40 @@
|
||||
/* Fire scheme */
|
||||
:root {
|
||||
--color-neutral: 255, 255, 255;
|
||||
/* Stone */
|
||||
--color-neutral-50: 250, 250, 249;
|
||||
--color-neutral-100: 245, 245, 244;
|
||||
--color-neutral-200: 231, 229, 228;
|
||||
--color-neutral-300: 214, 211, 209;
|
||||
--color-neutral-400: 168, 162, 158;
|
||||
--color-neutral-500: 120, 113, 108;
|
||||
--color-neutral-600: 87, 83, 78;
|
||||
--color-neutral-700: 68, 64, 60;
|
||||
--color-neutral-800: 41, 37, 36;
|
||||
--color-neutral-900: 28, 25, 23;
|
||||
--color-neutral-950: 12, 10, 9;
|
||||
/* Orange */
|
||||
--color-primary-50: 255, 247, 237;
|
||||
--color-primary-100: 255, 237, 213;
|
||||
--color-primary-200: 254, 215, 170;
|
||||
--color-primary-300: 253, 186, 116;
|
||||
--color-primary-400: 251, 146, 60;
|
||||
--color-primary-500: 249, 115, 22;
|
||||
--color-primary-600: 234, 88, 12;
|
||||
--color-primary-700: 194, 65, 12;
|
||||
--color-primary-800: 154, 52, 18;
|
||||
--color-primary-900: 124, 45, 18;
|
||||
--color-primary-950: 69, 10, 10;
|
||||
/* Rose */
|
||||
--color-secondary-50: 255, 241, 242;
|
||||
--color-secondary-100: 255, 228, 230;
|
||||
--color-secondary-200: 254, 205, 211;
|
||||
--color-secondary-300: 253, 164, 175;
|
||||
--color-secondary-400: 251, 113, 133;
|
||||
--color-secondary-500: 244, 63, 94;
|
||||
--color-secondary-600: 225, 29, 72;
|
||||
--color-secondary-700: 190, 18, 60;
|
||||
--color-secondary-800: 159, 18, 57;
|
||||
--color-secondary-900: 136, 19, 55;
|
||||
--color-secondary-950: 76, 5, 25;
|
||||
}
|
||||
@@ -0,0 +1,40 @@
|
||||
/* Ocean scheme */
|
||||
:root {
|
||||
--color-neutral: 255, 255, 255;
|
||||
/* Slate */
|
||||
--color-neutral-50: 248, 250, 252;
|
||||
--color-neutral-100: 241, 245, 249;
|
||||
--color-neutral-200: 226, 232, 240;
|
||||
--color-neutral-300: 203, 213, 225;
|
||||
--color-neutral-400: 148, 163, 184;
|
||||
--color-neutral-500: 100, 116, 139;
|
||||
--color-neutral-600: 71, 85, 105;
|
||||
--color-neutral-700: 51, 65, 85;
|
||||
--color-neutral-800: 30, 41, 59;
|
||||
--color-neutral-900: 15, 23, 42;
|
||||
--color-neutral-950: 2, 6, 23;
|
||||
/* Blue */
|
||||
--color-primary-50: 239, 246, 255;
|
||||
--color-primary-100: 219, 234, 254;
|
||||
--color-primary-200: 191, 219, 254;
|
||||
--color-primary-300: 147, 197, 253;
|
||||
--color-primary-400: 96, 165, 250;
|
||||
--color-primary-500: 59, 130, 246;
|
||||
--color-primary-600: 37, 99, 235;
|
||||
--color-primary-700: 29, 78, 216;
|
||||
--color-primary-800: 30, 64, 175;
|
||||
--color-primary-900: 30, 58, 138;
|
||||
--color-primary-950: 23, 37, 8;
|
||||
/* Cyan */
|
||||
--color-secondary-50: 236, 254, 255;
|
||||
--color-secondary-100: 207, 250, 254;
|
||||
--color-secondary-200: 165, 243, 252;
|
||||
--color-secondary-300: 103, 232, 249;
|
||||
--color-secondary-400: 34, 211, 238;
|
||||
--color-secondary-500: 6, 182, 212;
|
||||
--color-secondary-600: 8, 145, 178;
|
||||
--color-secondary-700: 14, 116, 144;
|
||||
--color-secondary-800: 21, 94, 117;
|
||||
--color-secondary-900: 22, 78, 99;
|
||||
--color-secondary-950: 8, 51, 69;
|
||||
}
|
||||
@@ -0,0 +1,40 @@
|
||||
/* Sapphire scheme */
|
||||
:root {
|
||||
--color-neutral: 255, 255, 255;
|
||||
/* Slate */
|
||||
--color-neutral-50: 248, 250, 252;
|
||||
--color-neutral-100: 241, 245, 249;
|
||||
--color-neutral-200: 226, 232, 240;
|
||||
--color-neutral-300: 203, 213, 225;
|
||||
--color-neutral-400: 148, 163, 184;
|
||||
--color-neutral-500: 100, 116, 139;
|
||||
--color-neutral-600: 71, 85, 105;
|
||||
--color-neutral-700: 51, 65, 85;
|
||||
--color-neutral-800: 30, 41, 59;
|
||||
--color-neutral-900: 15, 23, 42;
|
||||
--color-neutral-950: 10, 10, 10;
|
||||
/* Indigo */
|
||||
--color-primary-50: 238, 242, 255;
|
||||
--color-primary-100: 224, 231, 255;
|
||||
--color-primary-200: 199, 210, 254;
|
||||
--color-primary-300: 165, 180, 252;
|
||||
--color-primary-400: 129, 140, 248;
|
||||
--color-primary-500: 99, 102, 241;
|
||||
--color-primary-600: 79, 70, 229;
|
||||
--color-primary-700: 67, 56, 202;
|
||||
--color-primary-800: 55, 48, 163;
|
||||
--color-primary-900: 49, 46, 129;
|
||||
--color-primary-950: 30, 27, 75;
|
||||
/* Pink */
|
||||
--color-secondary-50: 253, 242, 248;
|
||||
--color-secondary-100: 252, 231, 243;
|
||||
--color-secondary-200: 251, 207, 232;
|
||||
--color-secondary-300: 249, 168, 212;
|
||||
--color-secondary-400: 244, 114, 182;
|
||||
--color-secondary-500: 236, 72, 153;
|
||||
--color-secondary-600: 219, 39, 119;
|
||||
--color-secondary-700: 190, 24, 93;
|
||||
--color-secondary-800: 157, 23, 77;
|
||||
--color-secondary-900: 131, 24, 67;
|
||||
--color-secondary-950: 80, 7, 36;
|
||||
}
|
||||
@@ -0,0 +1,40 @@
|
||||
/* Slate scheme */
|
||||
:root {
|
||||
--color-neutral: 255, 255, 255;
|
||||
/* Gray */
|
||||
--color-neutral-50: 249, 250, 251;
|
||||
--color-neutral-100: 243, 244, 246;
|
||||
--color-neutral-200: 229, 231, 235;
|
||||
--color-neutral-300: 209, 213, 219;
|
||||
--color-neutral-400: 156, 163, 175;
|
||||
--color-neutral-500: 107, 114, 128;
|
||||
--color-neutral-600: 75, 85, 99;
|
||||
--color-neutral-700: 55, 65, 81;
|
||||
--color-neutral-800: 31, 41, 55;
|
||||
--color-neutral-900: 17, 24, 39;
|
||||
--color-neutral-950: 17, 24, 39;
|
||||
/* Slate */
|
||||
--color-primary-50: 248, 250, 252;
|
||||
--color-primary-100: 241, 245, 249;
|
||||
--color-primary-200: 226, 232, 240;
|
||||
--color-primary-300: 203, 213, 225;
|
||||
--color-primary-400: 148, 163, 184;
|
||||
--color-primary-500: 100, 116, 139;
|
||||
--color-primary-600: 71, 85, 105;
|
||||
--color-primary-700: 51, 65, 85;
|
||||
--color-primary-800: 30, 41, 59;
|
||||
--color-primary-900: 15, 23, 42;
|
||||
--color-primary-950: 2, 6, 23;
|
||||
/* Gray */
|
||||
--color-secondary-50: 249, 250, 251;
|
||||
--color-secondary-100: 243, 244, 246;
|
||||
--color-secondary-200: 229, 231, 235;
|
||||
--color-secondary-300: 209, 213, 219;
|
||||
--color-secondary-400: 156, 163, 175;
|
||||
--color-secondary-500: 107, 114, 128;
|
||||
--color-secondary-600: 75, 85, 99;
|
||||
--color-secondary-700: 55, 65, 81;
|
||||
--color-secondary-800: 31, 41, 55;
|
||||
--color-secondary-900: 17, 24, 39;
|
||||
--color-secondary-950: 10, 10, 10;
|
||||
}
|
||||
Reference in New Issue
Block a user