Files
radicle-explorer/public/colors.css
T
Rūdolfs OšiņšandBrandon Oxendine b35d46752f Add theme switching button
Co-authored-by: Brandon Oxendine <brandon.oxendine@gmail.com>
Signed-off-by: Brandon Oxendine <brandon.oxendine@gmail.com>
Signed-off-by: Rūdolfs Ošiņš <rudolfs@osins.org>
2022-09-15 12:45:56 +02:00

120 lines
3.3 KiB
CSS

:root {
--color-primary: #ff55ff;
--color-primary-1: #ff55ff09;
--color-primary-2: #ff55ff11;
--color-primary-3: #ff55ff22;
--color-primary-4: #ff55ff33;
--color-primary-5: #ff55ff77;
--color-primary-6: hsl(300, 100%, 90%);
--color-secondary: #5555ff;
--color-secondary-1: #5555ff09;
--color-secondary-2: #5555ff11;
--color-secondary-3: #5555ff22;
--color-secondary-4: #5555ff33;
--color-secondary-5: #5555ff77;
--color-secondary-6: hsl(240, 100%, 90%);
--color-tertiary: #55ffff;
--color-tertiary-1: #55ffff09;
--color-tertiary-2: #55ffff11;
--color-tertiary-3: #55ffff22;
--color-tertiary-4: #55ffff33;
--color-tertiary-5: #55ffff77;
--color-tertiary-6: #abf9f9;
--color-caution: #ffff99;
--color-caution-1: #ffff9909;
--color-caution-2: #ffff9911;
--color-caution-3: #ffff9922;
--color-caution-4: #ffff9933;
--color-caution-5: #ffff9977;
--color-caution-6: hsl(60, 100%, 90%);
--color-positive: #53db53;
--color-positive-1: #53db5309;
--color-positive-2: #53db5311;
--color-positive-3: #53db5322;
--color-positive-4: #53db5333;
--color-positive-5: #53db5377;
--color-positive-6: hsl(120, 100%, 90%);
--color-negative: #ff5555;
--color-negative-1: #ff555509;
--color-negative-2: #ff555511;
--color-negative-3: #ff555522;
--color-negative-4: #ff555533;
--color-negative-5: #ff555577;
--color-negative-6: hsl(0, 100%, 90%);
--color-foreground: #ffffff;
--color-foreground-1: #121a21;
--color-foreground-2: #181f28;
--color-foreground-3: #212832;
--color-foreground-4: #2b313d;
--color-foreground-5: #585c6f;
--color-foreground-6: #c2c3d4;
--color-background: #0b131a;
}
[data-theme="light"] {
--color-primary: #ff55ff;
--color-primary-1: #ff55ff30;
--color-primary-2: #ff55ff45;
--color-primary-3: #ff55ff60;
--color-primary-4: #ff55ff80;
--color-primary-5: #ff55ffaa;
--color-primary-6: hsl(300, 40%, 30%);
--color-secondary: #5555ff;
--color-secondary-1: #5555ff10;
--color-secondary-2: #5555ff20;
--color-secondary-3: #5555ff60;
--color-secondary-4: #5555ff80;
--color-secondary-5: #5555ffaa;
--color-secondary-6: hsl(240, 40%, 30%);
--color-tertiary: #2ed4c1;
--color-tertiary-1: #2ed4c120;
--color-tertiary-2: #2ed4c140;
--color-tertiary-3: #2ed4c160;
--color-tertiary-4: #2ed4c180;
--color-tertiary-5: #2ed4c1aa;
--color-tertiary-6: #005050;
--color-caution: hsl(60, 100%, 30%);
--color-caution-1: #d3d34d20;
--color-caution-2: #d3d34d40;
--color-caution-3: #d3d34d60;
--color-caution-4: #d3d34d80;
--color-caution-5: #d3d34daa;
--color-caution-6: hsl(60, 82%, 22%);
--color-positive: #53db53;
--color-positive-1: #53db5320;
--color-positive-2: #53db5340;
--color-positive-3: #53db5360;
--color-positive-4: #53db5380;
--color-positive-5: #53db53aa;
--color-positive-6: hsl(120, 40%, 30%);
--color-negative: #ff5555;
--color-negative-1: #ff555520;
--color-negative-2: #ff555540;
--color-negative-3: #ff555560;
--color-negative-4: #ff555580;
--color-negative-5: #ff5555aa;
--color-negative-6: hsl(0, 40%, 30%);
--color-foreground: #1a1a2c;
--color-foreground-1: #ebecf8;
--color-foreground-2: #e3e3f3;
--color-foreground-3: #d2d2e8;
--color-foreground-4: #9b9bc0;
--color-foreground-5: #6f6f8a;
--color-foreground-6: #42425a;
--color-background: #f3f6fd;
}