anthony
/
Themes
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 1 Wiki Activity

modified: Discord/Golden-Devil.theme.css

Browse Source 
modified:   Discord/Pink-Angel.theme.css
main
anthony 5 months ago
parent 234213a8ba
commit de3b7c1ef2
2 changed files with 24 additions and 24 deletions
Show Stats Download Patch File Download Diff File

12
Discord/Golden-Devil.theme.css
Unescape Escape View File

@ -2,7 +2,7 @@
* @name Golden-Devil * @name Golden-Devil
* @description A Black and Golden Discord Theme, matching with the SputnikOS Gnome Theme * @description A Black and Golden Discord Theme, matching with the SputnikOS Gnome Theme
* @author Anthony * @author Anthony
* @version 0.1 * @version 0.0.1
* @source https://code.cif.su/anthony/Themes/src/branch/main/Discord/Golden-Devil.theme.css * @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 * @updateUrl https://code.cif.su/anthony/Themes/src/branch/main/Discord/Golden-Devil.theme.css
*/ */
@ -19,7 +19,7 @@
--corner-text: 'UwU'; --corner-text: 'UwU';
/* color of status indicators and window controls */ /* 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 */ --dnd-indicator: rgb(255, 0, 0); /* change to #f13f43 for default red */
--idle-indicator: rgb(255, 255, 0); /* change to #f0b232 for default yellow */ --idle-indicator: rgb(255, 255, 0); /* change to #f0b232 for default yellow */
--streaming-indicator: rgb(0, 0, 255); /* change to #593695 for default purple */ --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-3: rgb(6, 6, 6); /* accent buttons */
--accent-4: hsl(190, 70%, 36%); /* accent buttons when hovered */ --accent-4: hsl(190, 70%, 36%); /* accent buttons when hovered */
--accent-5: hsl(190, 70%, 30%); /* accent buttons when clicked */ --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 */ --mention-hover: hsla(190, 80%, 52%, 0.05); /* mentions & mention messages when hovered */
/* text colors */ /* text colors */
@ -47,7 +47,7 @@
--bg-3: rgb(6, 6, 6); /* spacing, secondary elements */ --bg-3: rgb(6, 6, 6); /* spacing, secondary elements */
--bg-4: rgb(85, 5, 44); /* main background color */ --bg-4: rgb(85, 5, 44); /* main background color */
--hover: rgb(6, 6, 6); /* channels and buttons when hovered */ --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 */ --message-hover: hsla(220, 0%, 0%, 0.1); /* messages when hovered */
/* amount of spacing and padding */ /* 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 */, .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 */, .vcd-screen-picker-radio[data-checked="true"] .defaultColor_a595eb /* vencord stream resolution picker buttons when active */,
.icon_c07d45 /* streaming activity type icon */, .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); 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 */ { .lookOutlined_dd4f85.colorWhite_dd4f85 /* server banner buttons */ {
border-color: var(--text-0); border-color: var(--text-0);
} }

34
Discord/Pink-Angel.theme.css
Unescape Escape View File

@ -2,12 +2,12 @@
* @name Pink-Angel * @name Pink-Angel
* @description A white and pink Discord Theme, matching with the SputnikOS Gnome Theme * @description A white and pink Discord Theme, matching with the SputnikOS Gnome Theme
* @author Anthony * @author Anthony
* @version 0.1 * @version 0.0.1
* @source https://code.cif.su/anthony/Themes/src/branch/main/Discord/Pink-Angel.theme.css * @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'); @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 */ /* customize things here */
@ -19,26 +19,26 @@
--corner-text: 'UwU'; --corner-text: 'UwU';
/* color of status indicators and window controls */ /* 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 */ --dnd-indicator: rgb(255, 0, 0); /* change to #f13f43 for default red */
--idle-indicator: rgb(255, 255, 0); /* change to #f0b232 for default yellow */ --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 colors */
--accent-1: rgb(255, 255, 255); /* links */ --accent-1: rgb(255, 255, 255); /* links */
--accent-2: rgb(255, 90, 153); /* general unread/mention elements */ --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-4: hsl(190, 70%, 36%); /* accent buttons when hovered */
--accent-5: hsl(190, 70%, 30%); /* accent buttons when clicked */ --accent-5: hsl(190, 70%, 30%); /* accent buttons when clicked */
--mention: rgb(255, 90, 153); /* mentions & mention messages */ --mention: rgb(255, 90, 153); /* mentions & mention messages */
--mention-hover: hsla(190, 80%, 52%, 0.05); /* mentions & mention messages when hovered */ --mention-hover: hsla(190, 80%, 52%, 0.05); /* mentions & mention messages when hovered */
/* text colors */ /* text colors */
--text-0: rgb(255, 255, 255); /* text on colored elements */ --text-0: black; /* text on colored elements */
--text-1: rgb(255, 0, 255); /* other normally white text */ --text-1: rgb(255, 90, 153); /* other normally white text */
--text-2: rgb(255, 255, 255); /* headings and important text */ --text-2: rgb(255, 90, 153); /* headings and important text */
--text-3: hsl(220, 15%, 60%); /* normal text */ --text-3: rgba(0, 0, 0, 0.5); /* normal text */
--text-4: rgb(255, 255, 255); /* icon buttons and channels */ --text-4: rgb(255, 90, 153); /* icon buttons and channels */
--text-5: hsl(220, 15%, 25%); /* muted channels/chats and timestamps */ --text-5: hsl(220, 15%, 25%); /* muted channels/chats and timestamps */
/* background and dark colors */ /* background and dark colors */
@ -46,7 +46,7 @@
--bg-2: hsl(220, 15%, 16%); /* dark buttons */ --bg-2: hsl(220, 15%, 16%); /* dark buttons */
--bg-3: rgb(255, 255, 255); /* spacing, secondary elements */ --bg-3: rgb(255, 255, 255); /* spacing, secondary elements */
--bg-4: rgb(255, 167, 199); /* main background color */ --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 */ --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 */ --message-hover: hsla(220, 0%, 0%, 0.1); /* messages when hovered */
@ -124,7 +124,7 @@
--background-secondary-alt: var(--bg-4) !important; --background-secondary-alt: var(--bg-4) !important;
} }
.mainCard_a6d69a /* forum post */, .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); background: var(--bg-3);
} }
.folderIconWrapper_bc7085[style="background-color: rgba(88, 101, 242, 0.4);"] /* default color closed folders */ { .folderIconWrapper_bc7085[style="background-color: rgba(88, 101, 242, 0.4);"] /* default color closed folders */ {
@ -222,7 +222,7 @@ path[fill='var(--white-500)'] {
.button_adcaac.buttonColor_adcaac.buttonActive_adcaac:hover /* active voice channel icons */, .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 */, .vcd-screen-picker-radio[data-checked="true"] .defaultColor_a595eb /* vencord stream resolution picker buttons when active */,
.icon_c07d45 /* streaming activity type icon */, .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); 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 */,
@ -705,7 +705,7 @@ button.button_dd4f85 /* small buttons */,
position: absolute; position: absolute;
width: 65%; width: 65%;
height: 65%; height: 65%;
background: var(--text-4); background: rgb(255, 90, 153);
-webkit-mask-image: var(--moon-icon-url); -webkit-mask-image: var(--moon-icon-url);
-webkit-mask-size: var(--moon-icon-size); -webkit-mask-size: var(--moon-icon-size);
-webkit-mask-repeat: none; -webkit-mask-repeat: none;
@ -717,7 +717,7 @@ button.button_dd4f85 /* small buttons */,
} }
.wrapper_f90abb:hover > .childWrapper_f90abb::before, .wrapper_f90abb:hover > .childWrapper_f90abb::before,
.wrapper_f90abb.selected_f90abb > .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); transform: rotate(-360deg) scale(0.8);
} }
.lowerBadge_c5f96a::before { .lowerBadge_c5f96a::before {
@ -1119,7 +1119,7 @@ html.theme-light {
--status-positive: var(--green-360); --status-positive: var(--green-360);
--status-positive-background: var(--green-430); --status-positive-background: var(--green-430);
--status-positive-text: var(--text-0); --status-positive-text: var(--text-0);
--status-speaking: var(--green-360); --status-speaking: rgb(255, 90, 153);
--status-warning: var(--yellow-300); --status-warning: var(--yellow-300);
--status-warning-background: var(--yellow-300); --status-warning-background: var(--yellow-300);
--status-warning-text: var(--black-500); --status-warning-text: var(--black-500);

Write Preview
Loading…
Cancel
Save