From 0980ed13f5bb68b6f0c43c56ea84caf5d738730b Mon Sep 17 00:00:00 2001 From: Mirco Wittrien Date: Sat, 18 Nov 2023 16:16:19 +0100 Subject: [PATCH] stuff --- .../BasicBackground/BasicBackground.theme.css | 87 ++++++++++++------- Themes/DiscordRecolor/DiscordRecolor.css | 19 ++++ 2 files changed, 77 insertions(+), 29 deletions(-) diff --git a/Themes/BasicBackground/BasicBackground.theme.css b/Themes/BasicBackground/BasicBackground.theme.css index f47abace6b..4b2d2e6481 100644 --- a/Themes/BasicBackground/BasicBackground.theme.css +++ b/Themes/BasicBackground/BasicBackground.theme.css @@ -10,6 +10,35 @@ * @website https://mwittrien.github.io/ * @source https://github.com/mwittrien/BetterDiscordAddons/tree/master/Themes/BasicBackground/ * @updateUrl https://mwittrien.github.io/BetterDiscordAddons/Themes/BasicBackground/BasicBackground.theme.css + * + * @var text transparencycolor_s "Transparency Color: [default] = 0, 0, 0" 0, 0, 0 + * @var range transparencyalpha_s "Transparency Alpha: [default] = 0.15" [0.15, 0, 1, 0.05] + * @var range messagetransparency_s "Messages: [default] = 0.5, 0 = No Boxes" [0.5, 0, 1, 0.05] + * @var range guildchanneltransparency_s "Guilds/Channels: [default] = 0.15" [0.15, 0, 1, 0.05] + * @var range chatinputtransparency_s "Chat Input: [default] = 0" [0, 0, 1, 0.05] + * @var range memberlisttransparency_s "Memberlist: [default] = 0" [0, 0, 1, 0.05] + * @var text accentcolor_s "Accent Color: [default] = 88, 101, 242" 190, 78, 180 + * @var checkbox settingsicons_s "User Settings Icons" 1 + * @var text font_s "General Font" "gg sans", "Noto Sans" + * @var text textshadow_s "Text Shadow: [default] = rgba(0, 0, 0, 0)" rgba(0, 0, 0, 0) + * @var text background_s "Background: Can be an Image/Color/Gradient" url(https://mwittrien.github.io/BetterDiscordAddons/Themes/BasicBackground/_res/background.jpg) + * @var select backgroundposition_s "Background Position" ["center*", "top", "right", "bottom", "left"] + * @var select backgroundsize_s "Background Size" ["cover*", "contain", "auto"] + * @var range backgroundblur_s "Background Blur" [0, 0, 100, 1] + * @var text popout_s "Popups BG: Can be an Image/Color/Gradient" var(--background) + * @var select popoutposition_s "Popups BG Position" ["center*", "top", "right", "bottom", "left"] + * @var select popoutsize_s "Popups BG Size" ["cover*", "contain", "auto"] + * @var range popoutblur_s "Popups BG Blur" [0, 0, 100, 1] + * @var text backdrop_s "Backdrop BG: Can be an Image/Color/Gradient" rgba(0, 0, 0, 0.85) + * @var select backdropposition_s "Backdrop BG Position" ["center*", "top", "right", "bottom", "left"] + * @var select backdropsize_s "Backdrop BG Size" ["cover*", "contain", "auto"] + * @var range backdropblur_s "Backdrop BG Blur" [0, 0, 100, 1] + * @var text textbrightest_s "Text Color 1: [default] = 255, 255, 255" 255, 255, 255 + * @var text textbrighter_s "Text Color 2: [default] = 222, 222, 222" 222, 222, 222 + * @var text textbright_s "Text Color 3: [default] = 200, 200, 200" 200, 200, 200 + * @var text textdark_s "Text Color 4: [default] = 160, 160, 160" 160, 160, 160 + * @var text textdarker_s "Text Color 5: [default] = 125, 125, 125" 125, 125, 125 + * @var text textdarkest_s "Text Color 6: [default] = 90, 90, 90" 90, 90, 90 */ /* To change stuff like the colors, transparency and background image, change the variables inside the root {}, do NOT change the @import url() */ @@ -17,39 +46,39 @@ @import url(https://mwittrien.github.io/BetterDiscordAddons/Themes/BasicBackground/BasicBackground.css); :root { - --transparencycolor: 0,0,0; /* default: 0,0,0 */ - --transparencyalpha: 0.15; /* default: 0.15 (general darkness of the app) */ - --messagetransparency: 0.5; /* default: 0.5 (additional shadows behind messages, set to 0 to remove boxes) */ - --guildchanneltransparency: 0.15; /* default: 0.15 (additional darkness for guild/channel list) */ - --chatinputtransparency: 0.0; /* default: 0.0 (additional darkness for chat input container) */ - --memberlisttransparency: 0.0; /* default: 0.0 (additional darkness for member list) */ - --accentcolor: 190,78,180; /* default: 190,78,180 (RGB-format - blurple: 88,101,242 bd-blue: 58,113,193) */ + --transparencycolor: 0, 0, 0; /* default: 0, 0, 0 */ + --transparencyalpha: 0.15; /* default: 0.15 (general darkness of the app) */ + --messagetransparency: 0.5; /* default: 0.5 (additional shadows behind messages, set to 0 to remove boxes) */ + --guildchanneltransparency: 0.15; /* default: 0.15 (additional darkness for guild/channel list) */ + --chatinputtransparency: 0.0; /* default: 0.0 (additional darkness for chat input container) */ + --memberlisttransparency: 0.0; /* default: 0.0 (additional darkness for member list) */ + --accentcolor: 190, 78, 180; /* default: 190, 78, 180 (RGB-format - blurple: 88, 101, 242 bd-blue: 58, 113, 193) */ - --font: "gg sans", "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; /* font used in most places */ - --textshadow: transparent; /* default: transparent (textshadow for text ontop of accentcolor nodes, ONLY accepts a color, no px) */ - --settingsicons: 1; /* Use Settings Icons in User Settings: 1 = yes, 0 = no */ + --settingsicons: 1; /* Use Settings Icons in User Settings: 1 = yes, 0 = no */ + --font: "gg sans", "Noto Sans"; /* font used in most places */ + --textshadow: transparent; /* default: transparent (textshadow for text ontop of accentcolor nodes, ONLY accepts a color, no px) */ - --background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/BasicBackground/_res/background.jpg); /* general background image */ - --backgroundposition: center; /* default: center (position of background - values: [center/top/right/bottom/left]) */ - --backgroundsize: cover; /* default: cover (sizefit of background - values: [cover/contain/auto]) */ - --backgroundblur: unset; /* default: unset (blur in px, only works when --background is set to an image) */ + --background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/BasicBackground/_res/background.jpg); /* general background image */ + --backgroundposition: center; /* default: center (position of background - values: [center/top/right/bottom/left]) */ + --backgroundsize: cover; /* default: cover (sizefit of background - values: [cover/contain/auto]) */ + --backgroundblur: 0; /* default: 0 (blur in px, only works when --background is set to an image) */ - --popout: var(--background); /* default: var(--background) (change to use another background/color for modals/popouts) */ - --popoutposition: var(--backgroundposition); /* default: center (position of popout - values: [center/top/right/bottom/left]) */ - --popoutsize: var(--backgroundsize); /* default: cover (sizefit of popout - values: [cover/contain/auto]) */ - --popoutblur: var(--backgroundblur); /* default: unset (blur in px, only works when --popout is set to an image) */ + --popout: var(--background); /* default: var(--background) (change to use another background/color for modals/popouts) */ + --popoutposition: var(--backgroundposition); /* default: center (position of popout - values: [center/top/right/bottom/left]) */ + --popoutsize: var(--backgroundsize); /* default: cover (sizefit of popout - values: [cover/contain/auto]) */ + --popoutblur: var(--backgroundblur); /* default: 0 (blur in px, only works when --popout is set to an image) */ - --backdrop: rgba(0,0,0,0.85); /* default: rgba(0,0,0,0.85) (change to use another background/color for backdrops) */ - --backdropposition: center; /* default: center (position of backdrop - values: [center/top/right/bottom/left]) */ - --backdropsize: cover; /* default: cover (sizefit of backdrop - values: [cover/contain/auto]) */ - --backdropblur: unset; /* default: unset (blur in px, only works when --backdrop is set to an image) */ + --backdrop: rgba(0, 0, 0, 0.85); /* default: rgba(0, 0, 0, 0.85) (change to use another background/color for backdrops) */ + --backdropposition: center; /* default: center (position of backdrop - values: [center/top/right/bottom/left]) */ + --backdropsize: cover; /* default: cover (sizefit of backdrop - values: [cover/contain/auto]) */ + --backdropblur: 0; /* default: 0 (blur in px, only works when --backdrop is set to an image) */ - --textbrightest: 255,255,255; /* default: 255,255,255 (text color for the brightest texts) */ - --textbrighter: 222,222,222; /* default: 222,222,222 (text color for brighter texts) */ - --textbright: 200,200,200; /* default: 200,200,200 (text color for bright texts) */ - --textdark: 160,160,160; /* default: 160,160,160 (text color for dark texts) */ - --textdarker: 125,125,125; /* default: 125,125,125 (text color for darker texts) */ - --textdarkest: 90,90,90; /* default: 90,90,90 (text color for the darkest texts) */ + --textbrightest: 255, 255, 255; /* default: 255, 255, 255 (text color for the brightest texts) */ + --textbrighter: 222, 222, 222; /* default: 222, 222, 222 (text color for brighter texts) */ + --textbright: 200, 200, 200; /* default: 200, 200, 200 (text color for bright texts) */ + --textdark: 160, 160, 160; /* default: 160, 160, 160 (text color for dark texts) */ + --textdarker: 125, 125, 125; /* default: 125, 125, 125 (text color for darker texts) */ + --textdarkest: 90, 90, 90; /* default: 90, 90, 90 (text color for the darkest texts) */ - --version1_0_5: none; /* DO NOT CHANGE THIS VARIABLE , USED TO HIDE UPDATE NOTICE */ + --version1_0_5: none; /* DO NOT CHANGE THIS VARIABLE , USED TO HIDE UPDATE NOTICE */ } diff --git a/Themes/DiscordRecolor/DiscordRecolor.css b/Themes/DiscordRecolor/DiscordRecolor.css index edda4fc198..d1cce5c30e 100644 --- a/Themes/DiscordRecolor/DiscordRecolor.css +++ b/Themes/DiscordRecolor/DiscordRecolor.css @@ -3438,6 +3438,25 @@ html .bd-settings-group.collapsible .bd-settings-title::after { background-color: currentColor; } +.bd-select { + border: 1px solid transparent; + padding: 8px 8px 8px 12px; + cursor: pointer; + box-sizing: border-box; + display: grid; + grid-template-columns: 1fr auto; + align-items: center; + border-radius: 4px; +} + +.bd-slider-input { + background-color: var(--background-accent); +} +.bd-slider-input[type="range"]::-webkit-slider-thumb { + background-color: #fff; + border-color: var(--background-accent); +} + .bd-tab-item.selected:hover { background-color: var(--background-modifier-selected); }