diff --git a/Themes/DiscordRecolor/DiscordRecolor.css b/Themes/DiscordRecolor/DiscordRecolor.css index 96d81a2c87..4f4d2a474c 100644 --- a/Themes/DiscordRecolor/DiscordRecolor.css +++ b/Themes/DiscordRecolor/DiscordRecolor.css @@ -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"], diff --git a/Themes/DiscordRecolor/DiscordRecolor.theme.css b/Themes/DiscordRecolor/DiscordRecolor.theme.css index 514f082a9a..cda7902acd 100644 --- a/Themes/DiscordRecolor/DiscordRecolor.theme.css +++ b/Themes/DiscordRecolor/DiscordRecolor.theme.css @@ -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 */ } \ No newline at end of file