nik/Jessi_Discord_Theme
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update Spotify-Discord.theme.css

Browse Source
This commit is contained in:
CapnKitten
2024-04-15 00:05:19 -04:00
parent ad6b770442
commit 9984ccda04
1 changed files with 48 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

78
Spotify-Discord.theme.css
View File

@@ -13,54 +13,63 @@
@import url(https://capnkitten.github.io/BetterDiscord/Themes/Spotify-Discord/css/source.css); @import url(https://capnkitten.github.io/BetterDiscord/Themes/Spotify-Discord/css/source.css);
:root { :root {
--app-font: "Circular Std"; /* APP BACKGROUND COLORS */
--app-background: hsl(0,0%,0%); --app-background: hsl(0,0%,0%);
--app-foreground: hsl(0,0%,7%); --app-foreground: hsl(0,0%,7%);
/* APP CARD SETTINGS */
--app-card-radius: 8px; --app-card-radius: 8px;
--app-card-margin: 8px; --app-card-margin: 8px;
--app-card-top-margin: 4px; --app-card-top-margin: 4px;
--app-card-border-color: hsl(0,0%,14%); --app-card-border-color: hsl(0,0%,14%);
/* APP BAR SETTINGS (BLACK BAR AT THE BOTTOM) */
--app-bar-size: 80px; --app-bar-size: 80px;
--accent-hue: 141; /* HEADER BAR SETTINGS */
--accent-saturation: 72.9%;
--accent-lightness: 42%;
--accent-text-color: hsl(0,0%,6%);
--alert-hue: 0;
--alert-saturation: 85%;
--alert-lightness: 61%;
--alert-text-color: hsl(0,0%,0%);
--sidebar-panel-color: hsl(0,0%,12%);
--sidebar-panel-border: hsl(0,0%,21%);
--header-bar-height: 56px; --header-bar-height: 56px;
--header-bar-color: hsl(0,0%,13%); --header-bar-color: hsl(0,0%,13%);
--card-color: hsl(0,0%,10%); /* ACCENT HSL AND TEXT COLOR SETTINGS */
--card-color-hover: hsl(0,0%,15%); --accent-hue: 141;
--card-color-active: hsl(0,0%,19%); --accent-saturation: 72.9%;
--accent-lightness: 42%;
--accent-text-color: hsl(0,0%,6%);
/* ALERT HSL AND TEXT COLOR SETTINGS*/
--alert-hue: 0;
--alert-saturation: 85%;
--alert-lightness: 61%;
--alert-text-color: hsl(0,0%,0%);
/* LIST & MENU ITEM SETTINGS */
--background-tinted-hover: hsla(0,0%,100%,0.07);
--background-tinted-active: hsla(0,0%,100%,0.11);
--background-tinted-highlight: hsla(0,0%,100%,0.17);
--background-tinted-dark: hsla(0,0%,0%,0.23);
--menu-text-color: hsl(0,0%,85%);
--menu-item-radius: 6px;
/* CARD SETTINGS - DIFFERENT FROM APP CARD SETTINGS */
--card-color: hsl(0,0%,10%);
--card-color-hover: hsl(0,0%,14%);
--card-color-active: hsl(0,0%,22%);
--card-radius: 6px; --card-radius: 6px;
--card-border-color: hsl(0,0%,19%); --card-border-color: hsl(0,0%,19%);
--button-height: 36px; /* BUTTON SETTINGS */
--button-height: 36px;
--button-padding: 0 18px; --button-padding: 0 18px;
--popout-color: hsl(0,0%,16%); /* POPOUT AND MODAL SETTINGS */
--popout-color: hsl(0,0%,16%);
--popout-color-alt: hsl(0,0%,11%); --popout-color-alt: hsl(0,0%,11%);
--popout-radius: 6px; --popout-radius: 6px;
--popout-radius-big: 10px; --popout-radius-big: 10px;
--popout-border-color: hsl(0,0%,26%);
--menu-border-color: hsl(0,0%,26%); /* INPUT SETTINGS */
--menu-text-color: hsl(0,0%,85%); --input-height: 36px;
--menu-item-radius: 6px;
--input-height: 36px;
--input-padding: 0 12px; --input-padding: 0 12px;
--input-color: hsla(0,0%,100%,0.09); --input-color: hsla(0,0%,100%,0.09);
--input-radius: 4px; --input-radius: 4px;
@@ -68,15 +77,24 @@
--input-text-color: hsl(0,0%,96%); --input-text-color: hsl(0,0%,96%);
--input-placeholder-color: hsl(0,0%,71%); --input-placeholder-color: hsl(0,0%,71%);
/* MAIN CHAT BOX SETTINGS */
--main-textarea-min-height: 48px; --main-textarea-min-height: 48px;
--main-textarea-color: hsl(0,0%,14%); --main-textarea-color: hsl(0,0%,14%);
--main-textarea-border-color: hsl(0,0%,20%); --main-textarea-border-color: hsl(0,0%,20%);
--main-textarea-text-color: hsl(0,0%,60%); --main-textarea-text-color: hsl(0,0%,60%);
--main-textarea-placeholder-color: hsl(0,0%,54%); --main-textarea-placeholder-color: hsl(0,0%,54%);
--main-textarea-typing-color: hsla(0,0%,7%,0.9); --main-textarea-typing-color: hsla(0,0%,7%,0.9);
--switch-knob-color: hsl(0,0%,100%); /* MESSAGE SETTINGS */
--switch-slider-color: hsl(0,0%,33%);
--message-color-hover: hsl(0,0%,9%); --message-color-hover: hsl(0,0%,9%);
/* SLIDER SETTINGS */
--slider-color: hsl(0,0%,70%);
--slider-background: hsl(0,0%,26%);
/* SCROLLBAR SETTINGS */
--scrollbar-width: 12px;
--scrollbar-color: hsl(0,0%,35%);
--scrollbar-hover-color: hsl(0,0%,49%);
--scrollbar-active-color: hsl(0,0%,58%);
} }