modified: Discord/Golden-Devil.theme.css

modified:   Discord/Pink-Angel.theme.css
main
anthony 5 months ago
parent a711bb131a
commit 81f9a07089

@ -3,7 +3,6 @@
* @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.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
*/ */
@ -12,40 +11,40 @@
/* customize things here */ /* customize things here */
.theme-dark { .theme-dark {
/* font */ /* font, change to 'gg sans' for default discord font*/
--font: 'Ubuntu'; --font: 'Ubuntu';
/* top left corner text */ /* top left corner text */
--corner-text: 'Midnight'; --corner-text: 'UwU';
/* color of status indicators and window controls */ /* color of status indicators and window controls */
--online-indicator: var(--accent-2); /* change to #23a55a for default green */ --online-indicator: rgb(85, 5, 44); /* change to #23a55a for default green */
--dnd-indicator: hsl(340, 60%, 60%); /* change to #f13f43 for default red */ --dnd-indicator: hsl(340, 60%, 60%); /* change to #f13f43 for default red */
--idle-indicator: hsl(50, 60%, 60%); /* change to #f0b232 for default yellow */ --idle-indicator: hsl(50, 60%, 60%); /* change to #f0b232 for default yellow */
--streaming-indicator: hsl(260, 60%, 60%); /* change to #593695 for default purple */ --streaming-indicator: hsl(260, 60%, 60%); /* change to #593695 for default purple */
/* accent colors */ /* accent colors */
--accent-1: hsl(190, 70%, 60%); /* links */ --accent-1: rgb(6, 6, 6); /* links */
--accent-2: hsl(190, 70%, 48%); /* general unread/mention elements */ --accent-2: hsl(190, 70%, 48%); /* general unread/mention elements */
--accent-3: hsl(190, 70%, 42%); /* accent buttons */ --accent-3: hsl(190, 70%, 42%); /* 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: hsla(190, 80%, 52%, 0.1); /* mentions & mention messages */ --mention: rgb(0, 215, 135); /* 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: white; /* text on colored elements */ --text-0: white; /* text on colored elements */
--text-1: var(--text-2); /* other normally white text */ --text-1: rgb(0, 215, 145); /* other normally white text */
--text-2: hsl(220, 25%, 70%); /* headings and important text */ --text-2: rgb(0, 215, 145); /* headings and important text */
--text-3: hsl(220, 15%, 60%); /* normal text */ --text-3: hsl(220, 15%, 60%); /* normal text */
--text-4: hsl(220, 15%, 40%); /* icon buttons and channels */ --text-4: rgb(0, 215, 145); /* 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 */
--bg-1: hsl(220, 15%, 20%); /* dark buttons when clicked */ --bg-1: hsl(220, 15%, 20%); /* dark buttons when clicked */
--bg-2: hsl(220, 15%, 16%); /* dark buttons */ --bg-2: hsl(220, 15%, 16%); /* dark buttons */
--bg-3: hsl(220, 15%, 13%); /* spacing, secondary elements */ --bg-3: rgb(6, 6, 6); /* spacing, secondary elements */
--bg-4: hsl(220, 15%, 10%); /* main background color */ --bg-4: rgb(85, 5, 44); /* main background color */
--hover: hsla(230, 20%, 40%, 0.1); /* channels and buttons when hovered */ --hover: hsla(230, 20%, 40%, 0.1); /* 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 */
@ -72,8 +71,8 @@
/* change to block to show, none to hide */ /* change to block to show, none to hide */
--discord-icon: none; /* discord icon */ --discord-icon: none; /* discord icon */
--moon-icon: block; /* moon icon */ --moon-icon: block; /* moon icon */
--moon-icon-url: url('https://upload.wikimedia.org/wikipedia/commons/8/8d/Hammer_and_Sickle_with_Red_Star.svg'); /* custom icon url */ --moon-icon-url: url('https://upload.wikimedia.org/wikipedia/commons/c/c7/Coat_of_arms_of_East_Germany_%281950%E2%80%931953%29.svg'); /* custom icon url */
--moon-icon-size: auto; --moon-icon-size: 104%;
/* filter uncolorable elements to fit theme */ /* filter uncolorable elements to fit theme */
/* (just set to none, they're too much work to configure) */ /* (just set to none, they're too much work to configure) */

@ -11,7 +11,7 @@
/* customize things here */ /* customize things here */
.theme-light { .theme-light {
/* font */ /* font, change to 'gg sans' for default discord font*/
--font: 'Ubuntu'; --font: 'Ubuntu';
/* top left corner text */ /* top left corner text */
@ -34,10 +34,10 @@
/* text colors */ /* text colors */
--text-0: rgb(255, 255, 255); /* text on colored elements */ --text-0: rgb(255, 255, 255); /* text on colored elements */
--text-1: rgb(201, 201, 201); /* other normally white text */ --text-1: rgb(255, 0, 255); /* other normally white text */
--text-2: rgb(255, 255, 255); /* headings and important text */ --text-2: rgb(255, 255, 255); /* headings and important text */
--text-3: hsl(220, 15%, 60%); /* normal text */ --text-3: hsl(220, 15%, 60%); /* normal text */
--text-4: hsl(220, 15%, 40%); /* icon buttons and channels */ --text-4: rgb(255, 255, 255); /* 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 */
@ -71,8 +71,8 @@
/* change to block to show, none to hide */ /* change to block to show, none to hide */
--discord-icon: none; /* discord icon */ --discord-icon: none; /* discord icon */
--moon-icon: block; /* moon icon */ --moon-icon: block; /* moon icon */
--moon-icon-url: url('https://upload.wikimedia.org/wikipedia/commons/8/8d/Hammer_and_Sickle_with_Red_Star.svg'); /* custom icon url */ --moon-icon-url: url('https://upload.wikimedia.org/wikipedia/commons/c/c7/Coat_of_arms_of_East_Germany_%281950%E2%80%931953%29.svg'); /* custom icon url */
--moon-icon-size: auto; --moon-icon-size: 104%;
/* filter uncolorable elements to fit theme */ /* filter uncolorable elements to fit theme */
/* (just set to none, they're too much work to configure) */ /* (just set to none, they're too much work to configure) */
@ -858,8 +858,7 @@ button.button_f67531 /* make user panel buttons round */ {
.theme-light { .theme-light {
--text-link: var(--accent-5); --text-link: var(--accent-5);
} }
html.theme-light, html.theme-light {
.theme-dark {
--activity-card-background: var(--bg-3); --activity-card-background: var(--bg-3);
--android-navigation-bar-background: var(--primary-830); --android-navigation-bar-background: var(--primary-830);
--android-navigation-scrim-background: hsl(var(--primary-830-hsl) / 0.5); --android-navigation-scrim-background: hsl(var(--primary-830-hsl) / 0.5);

Loading…
Cancel
Save