This commit is contained in:
Mirco Wittrien 2021-01-16 17:22:13 +01:00
parent fb4034f10e
commit 7309dd1364
2 changed files with 26 additions and 15 deletions

View File

@ -3,6 +3,8 @@
@import url(https://discord-custom-covers.github.io/usrbg/dist/usrbg.css);
:root {
--dfont: Whitney, Helvetica Neue, Helvetica, Arial, sans-serif;
--daccentcolor: 114,137,218;
--dlinkcolor: 0,176,244;
--dmentioncolor: 250,166,26;
@ -21,6 +23,9 @@
--dbackgroundtertiary: 32,34,37;
--dbackgroundfloating: 24,25,28;
--vfont: var(--font, var(--dfont));
--vaccentcolor: var(--accentcolor, var(--daccentcolor));
--vlinkcolor: var(--linkcolor, var(--dlinkcolor));
--vmentioncolor: var(--mentioncolor, var(--dmentioncolor));
@ -178,6 +183,10 @@ html {
/* ~~~~ 1. GENERAL ~~~~ */
::-webkit-input-placeholder, body, button, input, select, textarea {
font-family: var(--vfont);
}
svg [style*="stroke: rgb(114, 118, 125)"],
svg [style*="stroke: #72767d"],
svg [style*="stroke: #72767D"],

View File

@ -19,21 +19,23 @@
/* All colors are in RGB format (red, green, blue) use: https://www.google.com/search?q=colorpicker */
:root {
--accentcolor: 114,137,218; /* blurple - default: 114,137,218 - hex: #7289da */
--linkcolor: 0,176,244; /* link color - default: 0,176,244 - hex: #00b0f4 */
--mentioncolor: 250,166,26; /* highlight - default: 250,166,26 - hex: #faa61a */
--font: Whitney, Helvetica Neue, Helvetica, Arial, sans-serif; /* General Font */
--textbrightest: 255,255,255; /* text color 1 - default: 255,255,255 - hex: #ffffff */
--textbrighter: 222,222,222; /* text color 2 - default: 220,221,222 - hex: #dcddde */
--textbright: 185,185,185; /* text color 3 - default: 185,187,190 - hex: #b9bbbe */
--textdark: 140,140,140; /* text color 4 - default: 142,146,151 - hex: #8e9297 */
--textdarker: 115,115,115; /* text color 5 - default: 114,118,125 - hex: #72767d */
--textdarkest: 80,80,80; /* text color 6 - default: 79,84,92 - hex: #4f545c */
--accentcolor: 114,137,218; /* Blurple - default: 114,137,218 - hex: #7289da */
--linkcolor: 0,176,244; /* Link Color - default: 0,176,244 - hex: #00b0f4 */
--mentioncolor: 250,166,26; /* Highlight - default: 250,166,26 - hex: #faa61a */
--backgroundaccent: 50,50,50; /* background accent - default: 64,68,75 - hex: #40444b */
--backgroundprimary: 30,30,30; /* background 1 - default: 54,57,63 - hex: #36393f */
--backgroundsecondary: 20,20,20; /* background 2 - default: 47,49,54 - hex: #2f3136 */
--backgroundsecondaryalt: 15,15,15; /* background 3 - default: 41,43,47 - hex: #292b2f */
--backgroundtertiary: 10,10,10; /* background 4 - default: 32,34,37 - hex: #202225 */
--backgroundfloating: 0,0,0; /* background elevated - default: 24,25,28 - hex: #18191c */
--textbrightest: 255,255,255; /* Text Color 1 - default: 255,255,255 - hex: #ffffff */
--textbrighter: 222,222,222; /* Text Color 2 - default: 220,221,222 - hex: #dcddde */
--textbright: 185,185,185; /* Text Color 3 - default: 185,187,190 - hex: #b9bbbe */
--textdark: 140,140,140; /* Text Color 4 - default: 142,146,151 - hex: #8e9297 */
--textdarker: 115,115,115; /* Text Color 5 - default: 114,118,125 - hex: #72767d */
--textdarkest: 80,80,80; /* Text Color 6 - default: 79,84,92 - hex: #4f545c */
--backgroundaccent: 50,50,50; /* Background Accent - default: 64,68,75 - hex: #40444b */
--backgroundprimary: 30,30,30; /* Background 1 - default: 54,57,63 - hex: #36393f */
--backgroundsecondary: 20,20,20; /* Background 2 - default: 47,49,54 - hex: #2f3136 */
--backgroundsecondaryalt: 15,15,15; /* Background 3 - default: 41,43,47 - hex: #292b2f */
--backgroundtertiary: 10,10,10; /* Background 4 - default: 32,34,37 - hex: #202225 */
--backgroundfloating: 0,0,0; /* Background Elevated - default: 24,25,28 - hex: #18191c */
}