diff --git a/Discord/Golden-Devil.theme.css b/Discord/Golden-Devil.theme.css index abd373f..01e9f66 100644 --- a/Discord/Golden-Devil.theme.css +++ b/Discord/Golden-Devil.theme.css @@ -18,6 +18,11 @@ /* top left corner text */ --corner-text: 'UwU'; + /* Colors */ + --gold: rgb(0, 215, 145); + --dark-red: rgb(85, 5, 44); + --black: rgb(6, 6, 6); + /* color of status indicators and window controls */ --online-indicator: rgb(0, 215, 145); /* change to #23a55a for default green */ --dnd-indicator: rgb(255, 0, 0); /* change to #f13f43 for default red */ @@ -26,7 +31,7 @@ /* accent colors */ --accent-1: rgb(6, 6, 6); /* links */ - --accent-2: hsl(190, 70%, 48%); /* general unread/mention elements */ + --accent-2: rgb(6, 6, 6); /* general unread/mention elements */ --accent-3: rgb(6, 6, 6); /* accent buttons */ --accent-4: hsl(190, 70%, 36%); /* accent buttons when hovered */ --accent-5: hsl(190, 70%, 30%); /* accent buttons when clicked */ @@ -119,7 +124,7 @@ .container_effbe2, .container__33507 /* emoji/sticker and gif picker searchbars */, #app-mount .uploadModal_f82cc7 /* upload modal */, .uploadModal_f82cc7 .footer_f82cc7 /* upload modal footer */ { - background: var(--bg-4); + background: var(--dark-red); } .userPanelOuter_c69a7b { --background-secondary-alt: var(--bg-4) !important; @@ -187,7 +192,7 @@ div.message_d5deea.replying_d5deea::before /* change reply message bar to neutra path[fill='rgba(35, 165, 90, 1)'] { fill: var(--accent-3); } -path[fill='var(--white-500)'] { +path[fill='var(--white-500w)'] { fill: var(--text-0) !important; } .numberBadge_df8943 /* dms number badge */, @@ -238,7 +243,7 @@ path[fill='var(--white-500)'] { background: var(--bg-1) !important; } .container_cebd1c.checked_cebd1c > .slider_cebd1c > rect /* settings checkbutton circle */, -.userMenuItem_e1268c path[fill="var(--white-500)"] /* account switcher account hover */, +.userMenuItem_e1268c path[fill="var(--gold)"] /* account switcher account hover */, .colorDefault_d90b3d.focused_d90b3d path { fill: var(--text-0); } @@ -262,7 +267,7 @@ path[fill='var(--white-500)'] { border-width: 0; } .button_adcaac.buttonColor_adcaac /* fix vc buttons */ { - color: var(--text-4); + color: var(--gold); } .button_adcaac.buttonColor_adcaac:hover /* fix vc buttons hover */ { background-color: var(--hover); @@ -872,14 +877,14 @@ html.theme-dark { --background-message-automod: hsl(var(--red-400-hsl) / 0.05); --background-message-automod-hover: hsl(var(--red-400-hsl) / 0.1); --background-message-highlight: var(--active); - --background-message-highlight-hover: var(--hover); + --background-message-highlight-hover: var(--black); --background-message-hover: var(--message-hover); --background-mobile-primary: var(--bg-4); --background-mobile-secondary: var(--primary-630); --background-modifier-accent: var(--hover); --background-modifier-accent-2: red; --background-modifier-active: var(--active); - --background-modifier-hover: var(--hover); + --background-modifier-hover: var(--gold); --background-modifier-selected: var(--active); --background-nested-floating: var(--primary-630); --background-primary: var(--bg-4); @@ -959,9 +964,9 @@ html.theme-dark { --card-primary-pressed-bg: var(--primary-645); --card-secondary-bg: var(--bg-3); --card-secondary-pressed-bg: var(--primary-645); - --channel-icon: var(--text-4); + --channel-icon: var(--gold); --channel-text-area-placeholder: var(--text-5); - --channels-default: var(--text-4); + --channels-default: var(--gold); --channeltextarea-background: var(--bg-3); --chat-background: var(--primary-600); --chat-border: var(--primary-700); @@ -1015,8 +1020,8 @@ html.theme-dark { --info-warning-text: var(--white-500); --input-background: var(--bg-3); --input-placeholder-text: var(--text-5); - --interactive-active: var(--text-3); - --interactive-hover: var(--text-3); + --interactive-active: var(--black); + --interactive-hover: var(--black); --interactive-muted: var(--text-5); --interactive-normal: var(--text-4); --legacy-android-blur-overlay-default: hsl(var(--primary-660-hsl) / 0.5); @@ -1104,9 +1109,9 @@ html.theme-dark { --redesign-only-background-sunken: var(--primary-660); --scrollbar-auto-scrollbar-color-thumb: var(--primary-730); --scrollbar-auto-scrollbar-color-track: var(--primary-630); - --scrollbar-auto-thumb: var(--bg-3); + --scrollbar-auto-thumb: var(--gold); --scrollbar-auto-track: transparent; - --scrollbar-thin-thumb: var(--bg-3); + --scrollbar-thin-thumb: var(--gold); --scrollbar-thin-track: transparent; --spoiler-hidden-background: var(--primary-700); --spoiler-revealed-background: var(--primary-660); @@ -1120,7 +1125,7 @@ html.theme-dark { --status-positive: var(--green-360); --status-positive-background: var(--green-430); --status-positive-text: var(--text-0); - --status-speaking: rgb(0, 215, 145); + --status-speaking: var(--gold); --status-warning: var(--yellow-300); --status-warning-background: var(--yellow-300); --status-warning-text: var(--black-500); @@ -1161,20 +1166,30 @@ html.theme-dark { --brand-experiment-400: var(--accent-3); /* loading spinning animation element */ --green-330: var(--accent-1); - --green-360: var(--accent-3); + --green-360: var(--gold); --green-430: var(--accent-4); --green-500: var(--accent-4); --green-530: var(--accent-5); --brand-experiment-15a: var(--mention); /* background of reacted reactions */ - --brand-360: var(--accent-2); /* invite text */ + --brand-360: var(--gold); /* invite text */ --primary-500: var(--bg-2); /* progress bars */ --primary-600: var(--bg-3); /* delete message preview */ --primary-630: var(--bg-3); /* billing transaction history */ --primary-660: var(--bg-3); /* search popout "enter" bar */ - --white-500: var(--text-1); + --white-500: var(--gold); +} + +.menu_d90b3d { + background: var(--black) /* Right click menu */ } +.item_d90b3d { + color: var(--gold) +} +.scroller_d53d65 { + background: var(--dark-red) +} diff --git a/Discord/Pink-Angel.theme.css b/Discord/Pink-Angel.theme.css index f96f497..b7e00a9 100644 --- a/Discord/Pink-Angel.theme.css +++ b/Discord/Pink-Angel.theme.css @@ -17,17 +17,22 @@ /* top left corner text */ --corner-text: 'UwU'; + + /* Colors */ + --dark-pink: rgb(255, 90, 153); + --light-pink: rgb(255, 167, 199); + --pink-white: rgb(255, 243, 249); - /* color of status indicators and window controls */ + /* color of status indicators and window controls */ --online-indicator: rgb(255, 90, 153); /* change to #23a55a for default green */ --dnd-indicator: rgb(255, 0, 0); /* change to #f13f43 for default red */ --idle-indicator: rgb(255, 255, 0); /* change to #f0b232 for default yellow */ --streaming-indicator: rgb(0, 0, 255); /* change to #593695 for default purple */ /* accent colors */ - --accent-1: rgb(255, 255, 255); /* links */ - --accent-2: rgb(255, 90, 153); /* general unread/mention elements */ - --accent-3: rgb(255, 255, 255); /* accent buttons */ + --accent-1: rgb(255, 243, 249); /* links */ + --accent-2: rgb(255, 243, 249); /* general unread/mention elements */ + --accent-3: rgb(255, 243, 249); /* accent buttons */ --accent-4: hsl(190, 70%, 36%); /* accent buttons when hovered */ --accent-5: hsl(190, 70%, 30%); /* accent buttons when clicked */ --mention: rgb(255, 90, 153); /* mentions & mention messages */ @@ -37,14 +42,14 @@ --text-0: black; /* text on colored elements */ --text-1: rgb(255, 90, 153); /* other normally white text */ --text-2: rgb(255, 90, 153); /* headings and important text */ - --text-3: rgba(0, 0, 0, 0.5); /* normal text */ + --text-3: rgba(255, 243, 249, 0.5); /* normal text */ --text-4: rgb(255, 90, 153); /* icon buttons and channels */ --text-5: hsl(220, 15%, 25%); /* muted channels/chats and timestamps */ /* background and dark colors */ --bg-1: hsl(220, 15%, 20%); /* dark buttons when clicked */ --bg-2: hsl(220, 15%, 16%); /* dark buttons */ - --bg-3: rgb(255, 255, 255); /* spacing, secondary elements */ + --bg-3: rgb(255, 243, 249); /* spacing, secondary elements */ --bg-4: rgb(255, 167, 199); /* main background color */ --hover: rgb(255, 90, 153); /* channels and buttons when hovered */ --active: hsla(220, 20%, 40%, 0.2); /* channels and buttons when clicked or selected */ @@ -119,7 +124,7 @@ .container_effbe2, .container__33507 /* emoji/sticker and gif picker searchbars */, #app-mount .uploadModal_f82cc7 /* upload modal */, .uploadModal_f82cc7 .footer_f82cc7 /* upload modal footer */ { - background: var(--bg-4); + background: var(--light-pink); } .userPanelOuter_c69a7b { --background-secondary-alt: var(--bg-4) !important; @@ -262,7 +267,7 @@ path[fill='var(--white-500)'] { border-width: 0; } .button_adcaac.buttonColor_adcaac /* fix vc buttons */ { - color: var(--text-4); + color: var(--dark-pink); } .button_adcaac.buttonColor_adcaac:hover /* fix vc buttons hover */ { background-color: var(--hover); @@ -872,14 +877,14 @@ html.theme-light { --background-message-automod: hsl(var(--red-400-hsl) / 0.05); --background-message-automod-hover: hsl(var(--red-400-hsl) / 0.1); --background-message-highlight: var(--active); - --background-message-highlight-hover: var(--hover); + --background-message-highlight-hover: var(--pink-white); --background-message-hover: var(--message-hover); --background-mobile-primary: var(--bg-4); --background-mobile-secondary: var(--primary-630); --background-modifier-accent: var(--hover); --background-modifier-accent-2: red; --background-modifier-active: var(--active); - --background-modifier-hover: var(--hover); + --background-modifier-hover: var(--dark-pink); --background-modifier-selected: var(--active); --background-nested-floating: var(--primary-630); --background-primary: var(--bg-4); @@ -959,9 +964,9 @@ html.theme-light { --card-primary-pressed-bg: var(--primary-645); --card-secondary-bg: var(--bg-3); --card-secondary-pressed-bg: var(--primary-645); - --channel-icon: var(--text-4); + --channel-icon: var(--dark-pink); --channel-text-area-placeholder: var(--text-5); - --channels-default: var(--text-4); + --channels-default: var(--dark-pink); --channeltextarea-background: var(--bg-3); --chat-background: var(--primary-600); --chat-border: var(--primary-700); @@ -1015,8 +1020,8 @@ html.theme-light { --info-warning-text: var(--white-500); --input-background: var(--bg-3); --input-placeholder-text: var(--text-5); - --interactive-active: var(--text-3); - --interactive-hover: var(--text-3); + --interactive-active: var(--pink-white); + --interactive-hover: var(--pink-white); --interactive-muted: var(--text-5); --interactive-normal: var(--text-4); --legacy-android-blur-overlay-default: hsl(var(--primary-660-hsl) / 0.5); @@ -1104,9 +1109,9 @@ html.theme-light { --redesign-only-background-sunken: var(--primary-660); --scrollbar-auto-scrollbar-color-thumb: var(--primary-730); --scrollbar-auto-scrollbar-color-track: var(--primary-630); - --scrollbar-auto-thumb: var(--bg-3); + --scrollbar-auto-thumb: var(--dark-pink); --scrollbar-auto-track: transparent; - --scrollbar-thin-thumb: var(--bg-3); + --scrollbar-thin-thumb: var(--dark-pink); --scrollbar-thin-track: transparent; --spoiler-hidden-background: var(--primary-700); --spoiler-revealed-background: var(--primary-660); @@ -1120,7 +1125,7 @@ html.theme-light { --status-positive: var(--green-360); --status-positive-background: var(--green-430); --status-positive-text: var(--text-0); - --status-speaking: rgb(255, 90, 153); + --status-speaking: var(--dark-pink); --status-warning: var(--yellow-300); --status-warning-background: var(--yellow-300); --status-warning-text: var(--black-500); @@ -1161,20 +1166,30 @@ html.theme-light { --brand-experiment-400: var(--accent-3); /* loading spinning animation element */ --green-330: var(--accent-1); - --green-360: var(--accent-3); + --green-360: var(--dark-pink); --green-430: var(--accent-4); --green-500: var(--accent-4); --green-530: var(--accent-5); --brand-experiment-15a: var(--mention); /* background of reacted reactions */ - --brand-360: var(--accent-2); /* invite text */ + --brand-360: var(--dark-pink); /* invite text */ --primary-500: var(--bg-2); /* progress bars */ --primary-600: var(--bg-3); /* delete message preview */ --primary-630: var(--bg-3); /* billing transaction history */ --primary-660: var(--bg-3); /* search popout "enter" bar */ - --white-500: var(--text-1); + --white-500: var(--dark-pink); +} + +.menu_d90b3d { + background: var(--pink-white) /* Right click menu */ } +.item_d90b3d { + color: var(--dark-pink) +} +.scroller_d53d65 { + background: var(--light-pink) +}