You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
168 lines
3.6 KiB
CSS
168 lines
3.6 KiB
CSS
@font-face {
|
|
font-family: "JetBrains";
|
|
src: url("../fonts/JetBrainsMono-Regular.ttf") format("truetype");
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "Ubuntu";
|
|
src: url("../fonts/Ubuntu-Regular.ttf") format("truetype");
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "Inter";
|
|
src: url("../fonts/Inter.ttf") format("truetype");
|
|
}
|
|
|
|
:root[theme="light"] {
|
|
--background: #f9fafb;
|
|
--text: #1f2937;
|
|
--box-main: #f3f4f6;
|
|
--box-toggle: rgb(215 238 233);
|
|
--box-separation: #e5e7eb;
|
|
--box-toggleOn: rgb(127, 250, 172);
|
|
--item-bg: #dddddd;
|
|
--box-shadow: none;
|
|
--select: #d0d2d6;
|
|
--greenBtn: #22c55e;
|
|
--greenBtn-bottom: #16a34a;
|
|
--redBtn: #d64d4f;
|
|
--redBtn-bottom: #854243;
|
|
--blueBtn: #3b82f6;
|
|
--blueBtn-bottom: rgb(44, 78, 180);
|
|
}
|
|
|
|
:root[theme="dark"] {
|
|
--background: #121212;
|
|
--text: rgb(229, 229, 229);
|
|
--box-main: #1d1d1d;
|
|
--box-toggle: #191919;
|
|
--box-separation: #2e2e2e;
|
|
--box-toggleOn: #2e2e2e;
|
|
--item-bg: #2c2e31;
|
|
--box-shadow: none;
|
|
--select: #252426;
|
|
--greenBtn: #05aa76;
|
|
--greenBtn-bottom: #047652;
|
|
--redBtn: #c82b2d;
|
|
--redBtn-bottom: #803334;
|
|
--blueBtn: rgb(80, 140, 230);
|
|
--blueBtn-bottom: rgb(44, 78, 180);
|
|
--border: none;
|
|
}
|
|
|
|
:root[theme="frappe"] {
|
|
--background: #232634;
|
|
--text: #e2e8ff;
|
|
--box-main: #303446;
|
|
--box-toggle: #414559;
|
|
--box-separation: #414559;
|
|
--box-toggleOn: #607dc1;
|
|
--item-bg: #414559;
|
|
--select: #3b3e4a;
|
|
--greenBtn: #78c346;
|
|
--greenBtn-bottom: #597844;
|
|
--redBtn: #d64d4f;
|
|
--redBtn-bottom: #854243;
|
|
--blueBtn: rgb(80, 128, 230);
|
|
--blueBtn-bottom: rgb(44, 78, 180);
|
|
}
|
|
:root[theme="onedark"] {
|
|
--background: #282c34;
|
|
--text: #d2d6df;
|
|
--box-main: #3a3d46;
|
|
--box-toggle: #2f333d;
|
|
--box-separation: #2f333d;
|
|
--box-toggleOn: #13a3b7;
|
|
--item-bg: #4d515d;
|
|
--select: #262c33;
|
|
--greenBtn: #85cf50;
|
|
--greenBtn-bottom: #406923;
|
|
--redBtn: #be2d39;
|
|
--redBtn-bottom: #791a22;
|
|
--blueBtn: rgb(80, 128, 230);
|
|
--blueBtn-bottom: rgb(44, 78, 180);
|
|
}
|
|
:root[theme="matrix"] {
|
|
--background: #0d0208;
|
|
--text: #00ff41;
|
|
--box-main: #0c2216;
|
|
--box-toggle: #214338;
|
|
--box-separation: #214338;
|
|
--box-toggleOn: #24782e;
|
|
--item-bg: #214338;
|
|
--select: #08180f;
|
|
--greenBtn: #19b42b;
|
|
--greenBtn-bottom: #10701c;
|
|
--redBtn: #19b42b;
|
|
--redBtn-bottom: #10701c;
|
|
--blueBtn: #19b42b;
|
|
--blueBtn-bottom: #10701c;
|
|
}
|
|
|
|
:root[theme="github"] {
|
|
--background: #f6f8fa;
|
|
--text: #292d31;
|
|
--box-main: #ffffff;
|
|
--box-toggle: #f3f3f3;
|
|
--box-separation: #f3f3f3;
|
|
--box-toggleOn: #cce5ff;
|
|
--item-bg: #3a66d150;
|
|
--select: #cce5ff;
|
|
--greenBtn: #0a9431;
|
|
--greenBtn-bottom: #0c6826;
|
|
--redBtn: #d73a49;
|
|
--redBtn-bottom: #9b2733;
|
|
--blueBtn: #005cc5;
|
|
--blueBtn-bottom: #00428e;
|
|
}
|
|
|
|
:root[theme="latte"] {
|
|
--background: #dce0e8;
|
|
--text: #4c4f69;
|
|
--box-main: #eff1f5;
|
|
--box-toggle: #e6e9ef;
|
|
--box-separation: #e6e9ef;
|
|
--box-toggleOn: #cce5ff;
|
|
--item-bg: #e3e5ed;
|
|
--select: #d2d7df;
|
|
--greenBtn: #40a02b;
|
|
--greenBtn-bottom: #2e711f;
|
|
--redBtn: #d20f39;
|
|
--redBtn-bottom: #9c0c2b;
|
|
--blueBtn: #1e66f5;
|
|
--blueBtn-bottom: rgb(3, 49, 101);
|
|
}
|
|
|
|
:root[theme="solarized-dark"] {
|
|
--background: #002b36;
|
|
--text: #a4b1b3;
|
|
--box-main: #003745;
|
|
--box-toggle: #2e4c52;
|
|
--box-separation: #2e4c52;
|
|
--box-toggleOn: #005a6f;
|
|
--item-bg: #003745;
|
|
--select: rgb(9, 57, 53);
|
|
--greenBtn: #859900;
|
|
--greenBtn-bottom: rgb(73, 84, 1);
|
|
--redBtn: #dc322f;
|
|
--redBtn-bottom: #af2523;
|
|
--blueBtn: #268bd2;
|
|
--blueBtn-bottom: #2074b1;
|
|
}
|
|
:root[theme="gruvbox"] {
|
|
--background: #242424;
|
|
--text: #fffefd;
|
|
--box-main: #32302f;
|
|
--box-toggle: #282828;
|
|
--box-separation: #504945;
|
|
--box-toggleOn: #458588;
|
|
--item-bg: #4d515d;
|
|
--select: #98971a;
|
|
--greenBtn: #8ec07c;
|
|
--greenBtn-bottom: #689d6a;
|
|
--redBtn: #fb4934;
|
|
--redBtn-bottom: #cc241d;
|
|
--blueBtn: #7fa2ac;
|
|
--blueBtn-bottom: #458588;
|
|
}
|