DiscordRecolor
Allows you to customize Discord's native Color Scheme
130
Live preview
Full Discord interface with this theme applied — powered by ThemePreview.
Screenshot
1
/**2
* @name DiscordRecolor3
* @description Allows you to customize Discord's native Color Scheme4
* @author DevilBro5
* @version 1.0.06
* @authorId 2785435740590571547
* @invite Jx3TjNS8
* @donate https://www.paypal.me/MircoWittrien9
* @patreon https://www.patreon.com/MircoWittrien10
* @website https://mwittrien.github.io/11
* @source https://github.com/mwittrien/BetterDiscordAddons/tree/master/Themes/DiscordRecolor/12
* @updateUrl https://mwittrien.github.io/BetterDiscordAddons/Themes/DiscordRecolor/DiscordRecolor.theme.css13
*14
* @var checkbox settingsicons_s "User Settings Icons" 115
* @var text font_s "General Font" "gg sans", "Noto Sans"16
* @var text accentcolor_s "Blurple Color: [default] = 88, 101, 242" 88, 101, 24217
* @var text accentcolor2_s "Boost Pink Color: [default] = 255, 115, 250" 255, 115, 25018
* @var text linkcolor_s "Link Color: [default] = 0, 176, 244" 0, 176, 24419
* @var text mentioncolor_s "Mentioned Color: [default] = 250, 166, 26" 250, 166, 2620
* @var text successcolor_s "Success Color: [default] = 59, 165, 92" 59, 165, 9221
* @var text warningcolor_s "Warning Color: [default] = 250, 166, 26" 250, 166, 2622
* @var text dangercolor_s "Danger Color: [default] = 237, 66, 69" 237, 66, 6923
* @var text textbrightest_s "Text Color 1: [default] = 255, 255, 255" 255, 255, 25524
* @var text textbrighter_s "Text Color 2: [default] = 220, 221, 222" 222, 222, 22225
* @var text textbright_s "Text Color 3: [default] = 185, 187, 190" 185, 185, 18526
* @var text textdark_s "Text Color 4: [default] = 142, 146, 151" 140, 140, 14027
* @var text textdarker_s "Text Color 5: [default] = 114, 118, 125" 115, 115, 11528
* @var text textdarkest_s "Text Color 6: [default] = 79, 84, 92" 80, 80, 8029
* @var text backgroundcode_s "Background Code: [default] = 60, 62, 79" 50, 50, 5030
* @var text backgroundaccent_s "Background Accent: [default] = 64, 68, 75" 50, 50, 5031
* @var text backgroundprimary_s "Background 1: [default] = 54, 57, 63" 30, 30, 3032
* @var text backgroundsecondary_s "Background 2: [default] = 47, 49, 54" 20, 20, 2033
* @var text backgroundsecondaryalt_s "Background 3: [default] = 41, 43, 47" 15, 15, 1534
* @var text backgroundtertiary_s "Background 4: [default] = 32, 34, 37" 10, 10, 1035
* @var text backgroundfloating_s "Background Elevated: [default] = 24, 25, 28" 0, 0, 036
*/37
38
/* To change the colors, change the variables inside the root {}, do NOT change the @import url() */39
40
@import url(https://mwittrien.github.io/BetterDiscordAddons/Themes/DiscordRecolor/DiscordRecolor.css);41
42
/* All colors are in RGB format (red, green, blue) use: https://www.google.com/search?q=colorpicker */43
44
:root {45
--settingsicons: 1; /* Use Settings Icons in User Settings: 1 = yes, 0 = no */46
--font: ";gg sans";, ";Noto Sans";; /* General Font */47
48
--accentcolor: 88,101,242; /* Blurple - default: 88,101,242 - hex: #5865f2 */49
--accentcolor2: 255,115,250; /* Boostpink - default: 255,115,250 - hex: #ff73fa */50
--linkcolor: 0,176,244; /* Link Color - default: 0,176,244 - hex: #00b0f4 */51
--mentioncolor: 250,166,26; /* Highlight Color - default: 250,166,26 - hex: #faa61a */52
--successcolor: 59,165,92; /* Success Color - default: 59,165,92 - hex: #3ba55c */53
--warningcolor: 250,166,26; /* Warning Color - default: 250,166,26 - hex: #faa61a */54
--dangercolor: 237,66,69; /* Danger Color - default: 237,66,69 - hex: #ed4245 */55
56
--framecolor: 151,151,159,0.121; /* App Frame Color - default: 151,151,159,0.121 - hex: #97979f1f */57
58
--textbrightest: 255,255,255; /* Text Color 1 - default: 255,255,255 - hex: #ffffff */59
--textbrighter: 222,222,222; /* Text Color 2 - default: 220,221,222 - hex: #dcddde */60
--textbright: 185,185,185; /* Text Color 3 - default: 185,187,190 - hex: #b9bbbe */61
--textdark: 140,140,140; /* Text Color 4 - default: 142,146,151 - hex: #8e9297 */62
--textdarker: 115,115,115; /* Text Color 5 - default: 114,118,125 - hex: #72767d */63
--textdarkest: 80,80,80; /* Text Color 6 - default: 79,84,92 - hex: #4f545c */64
65
--backgroundcode: 30,30,30; /* Background Code - default: 60,62,79 - hex: #3c3e4f */66
--backgroundaccent: 50,50,50; /* Background Accent - default: 64,68,75 - hex: #40444b */67
--backgroundprimary: 30,30,30; /* Background 1 - default: 54,57,63 - hex: #36393f */68
--backgroundsecondary: 20,20,20; /* Background 2 - default: 47,49,54 - hex: #2f3136 */69
--backgroundsecondaryalt: 15,15,15; /* Background 3 - default: 41,43,47 - hex: #292b2f */70
--backgroundtertiary: 10,10,10; /* Background 4 - default: 32,34,37 - hex: #202225 */71
--backgroundfloating: 0,0,0; /* Background Elevated - default: 24,25,28 - hex: #18191c */72
}73