|
|
@ -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) */
|
|
|
|