From de3b7c1ef2ce7aa051bd70f7e060aa567dfe1abf Mon Sep 17 00:00:00 2001 From: anthony Date: Fri, 9 Aug 2024 09:42:46 +0200 Subject: [PATCH] modified: Discord/Golden-Devil.theme.css modified: Discord/Pink-Angel.theme.css --- Discord/Golden-Devil.theme.css | 12 ++++++------ Discord/Pink-Angel.theme.css | 36 +++++++++++++++++----------------- 2 files changed, 24 insertions(+), 24 deletions(-) diff --git a/Discord/Golden-Devil.theme.css b/Discord/Golden-Devil.theme.css index 9048413..7673c95 100644 --- a/Discord/Golden-Devil.theme.css +++ b/Discord/Golden-Devil.theme.css @@ -2,7 +2,7 @@ * @name Golden-Devil * @description A Black and Golden Discord Theme, matching with the SputnikOS Gnome Theme * @author Anthony - * @version 0.1 + * @version 0.0.1 * @source https://code.cif.su/anthony/Themes/src/branch/main/Discord/Golden-Devil.theme.css * @updateUrl https://code.cif.su/anthony/Themes/src/branch/main/Discord/Golden-Devil.theme.css */ @@ -19,7 +19,7 @@ --corner-text: 'UwU'; /* color of status indicators and window controls */ - --online-indicator: rgb(0, 215, 135); /* change to #23a55a for default green */ + --online-indicator: rgb(0, 215, 145); /* 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 */ @@ -30,7 +30,7 @@ --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 */ - --mention: rgb(0, 215, 135); /* mentions & mention messages */ + --mention: rgb(0, 215, 145); /* mentions & mention messages */ --mention-hover: hsla(190, 80%, 52%, 0.05); /* mentions & mention messages when hovered */ /* text colors */ @@ -47,7 +47,7 @@ --bg-3: rgb(6, 6, 6); /* spacing, secondary elements */ --bg-4: rgb(85, 5, 44); /* main background color */ --hover: rgb(6, 6, 6); /* channels and buttons when hovered */ - --active: rgb(0, 215, 135); /* channels and buttons when clicked or selected */ + --active: rgb(0, 215, 145); /* channels and buttons when clicked or selected */ --message-hover: hsla(220, 0%, 0%, 0.1); /* messages when hovered */ /* amount of spacing and padding */ @@ -222,10 +222,10 @@ path[fill='var(--white-500)'] { .button_adcaac.buttonColor_adcaac.buttonActive_adcaac:hover /* active voice channel icons */, .vcd-screen-picker-radio[data-checked="true"] .defaultColor_a595eb /* vencord stream resolution picker buttons when active */, .icon_c07d45 /* streaming activity type icon */, -.theme-dark .tooltipGreen_b6c360, .theme-light .tooltipGreen_b6c360 /* tooltip text like vc latency */ { +.theme-dark .tooltipGreen_b6c360, /* tooltip text like vc latency */ { color: var(--text-0); } -#app-mount .button__33db6, .theme-light .button__33db6 /* notice banner button */, +#app-mount .button__33db6, .theme-dark .button__33db6 /* notice banner button */, .lookOutlined_dd4f85.colorWhite_dd4f85 /* server banner buttons */ { border-color: var(--text-0); } diff --git a/Discord/Pink-Angel.theme.css b/Discord/Pink-Angel.theme.css index ba0ba17..a14ca66 100644 --- a/Discord/Pink-Angel.theme.css +++ b/Discord/Pink-Angel.theme.css @@ -2,12 +2,12 @@ * @name Pink-Angel * @description A white and pink Discord Theme, matching with the SputnikOS Gnome Theme * @author Anthony - * @version 0.1 + * @version 0.0.1 * @source https://code.cif.su/anthony/Themes/src/branch/main/Discord/Pink-Angel.theme.css - * @updateUrl https://code.cif.su/anthony/Themes/src/branch/main/Discord/Golden-Devil.theme.css + * @updateUrl https://code.cif.su/anthony/Themes/src/branch/main/Discord/Pink-Angel.theme.css */ -/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */ +/* IMPORTANT: make sure to enable light mode in discord settings for the theme to apply properly!!! */ @import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); /* customize things here */ @@ -19,26 +19,26 @@ --corner-text: 'UwU'; /* color of status indicators and window controls */ - --online-indicator: rgb(255, 255, 255); /* change to #23a55a for default green */ + --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: #593695; /* change to #593695 for default purple */ + --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: hsl(190, 70%, 42%); /* accent buttons */ + --accent-3: rgb(255, 255, 255); /* 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 */ --mention-hover: hsla(190, 80%, 52%, 0.05); /* mentions & mention messages when hovered */ /* text colors */ - --text-0: rgb(255, 255, 255); /* text on colored elements */ - --text-1: rgb(255, 0, 255); /* other normally white text */ - --text-2: rgb(255, 255, 255); /* headings and important text */ - --text-3: hsl(220, 15%, 60%); /* normal text */ - --text-4: rgb(255, 255, 255); /* icon buttons and channels */ + --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-4: rgb(255, 90, 153); /* icon buttons and channels */ --text-5: hsl(220, 15%, 25%); /* muted channels/chats and timestamps */ /* background and dark colors */ @@ -46,7 +46,7 @@ --bg-2: hsl(220, 15%, 16%); /* dark buttons */ --bg-3: rgb(255, 255, 255); /* spacing, secondary elements */ --bg-4: rgb(255, 167, 199); /* main background color */ - --hover: hsla(230, 20%, 40%, 0.1); /* channels and buttons when hovered */ + --hover: rgb(255, 90, 153); /* channels and buttons when hovered */ --active: hsla(220, 20%, 40%, 0.2); /* channels and buttons when clicked or selected */ --message-hover: hsla(220, 0%, 0%, 0.1); /* messages when hovered */ @@ -124,7 +124,7 @@ --background-secondary-alt: var(--bg-4) !important; } .mainCard_a6d69a /* forum post */, -.navRow_be9398[data-theme=dark] /* add new account bottom */ { +.navRow_be9398[data-theme=light] /* add new account bottom */ { background: var(--bg-3); } .folderIconWrapper_bc7085[style="background-color: rgba(88, 101, 242, 0.4);"] /* default color closed folders */ { @@ -222,10 +222,10 @@ path[fill='var(--white-500)'] { .button_adcaac.buttonColor_adcaac.buttonActive_adcaac:hover /* active voice channel icons */, .vcd-screen-picker-radio[data-checked="true"] .defaultColor_a595eb /* vencord stream resolution picker buttons when active */, .icon_c07d45 /* streaming activity type icon */, -.theme-dark .tooltipGreen_b6c360, .theme-light .tooltipGreen_b6c360 /* tooltip text like vc latency */ { +.theme-light .tooltipGreen_b6c360, /* tooltip text like vc latency */ { color: var(--text-0); } -#app-mount .button__33db6, .theme-light .button__33db6 /* notice banner button */, +#app-mount .button__33db6, .theme-light .button__33db6 /* notice banner button */, .lookOutlined_dd4f85.colorWhite_dd4f85 /* server banner buttons */ { border-color: var(--text-0); } @@ -705,7 +705,7 @@ button.button_dd4f85 /* small buttons */, position: absolute; width: 65%; height: 65%; - background: var(--text-4); + background: rgb(255, 90, 153); -webkit-mask-image: var(--moon-icon-url); -webkit-mask-size: var(--moon-icon-size); -webkit-mask-repeat: none; @@ -717,7 +717,7 @@ button.button_dd4f85 /* small buttons */, } .wrapper_f90abb:hover > .childWrapper_f90abb::before, .wrapper_f90abb.selected_f90abb > .childWrapper_f90abb::before { - background: var(--text-0); + background: rgb(255, 90, 153); transform: rotate(-360deg) scale(0.8); } .lowerBadge_c5f96a::before { @@ -1119,7 +1119,7 @@ html.theme-light { --status-positive: var(--green-360); --status-positive-background: var(--green-430); --status-positive-text: var(--text-0); - --status-speaking: var(--green-360); + --status-speaking: rgb(255, 90, 153); --status-warning: var(--yellow-300); --status-warning-background: var(--yellow-300); --status-warning-text: var(--black-500);