Skip to content

Commit

Permalink
fix flavors
Browse files Browse the repository at this point in the history
  • Loading branch information
@refact0r
refact0r committed Jan 6, 2024
1 parent 72167c9 commit 9fac185
Show file tree
Hide file tree
Showing 4 changed files with 40 additions and 64 deletions.
22 changes: 4 additions & 18 deletions flavors/midnight-catppuccin-mocha.theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -19,8 +19,10 @@
/* top left corner text */
--corner-text: 'Catppuccin';

/* color of online status dot, change to #23a55a for default green */
--online-indicator: #a6e3a1;
/* color of status indicators and window controls */
--online-indicator: #a6e3a1; /* change to #23a55a for default green */
--dnd-indicator: #f38ba8; /* change to #f13f43 for default red */
--idle-indicator: #f9e2af; /* change to #f0b232 for default yellow */

/* accent colors */
--accent-1: hsl(267, 84%, 81%); /* links */
Expand Down Expand Up @@ -82,19 +84,3 @@
background-color: transparent !important;
background-size: cover;
}

/* color of idle and dnd status dots, change first and last fill values to #f0b232 for default yellow and the inbetween fill values to #f23f43 for default red */
rect[fill='#f0b232'],
svg[fill='#f0b232'] {
fill: #f9e2af;
}
rect[fill='#f23f43'],
svg[fill='#f23f43'] {
fill: #f38ba8;
}
[style='background-color: rgb(242, 63, 67);'] {
background-color: #f38ba8 !important;
}
[style='background-color: rgb(240, 178, 50);'] {
background-color: #f9e2af !important;
}
6 changes: 4 additions & 2 deletions flavors/midnight-nord-theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -19,8 +19,10 @@
/* top left corner text */
--corner-text: 'Nord';

/* color of online status dot, change to #23a55a for default green */
--online-indicator: var(--accent-2);
/* color of status indicators and window controls */
--online-indicator: #a3be8c; /* change to #23a55a for default green */
--dnd-indicator: #bf616a; /* change to #f13f43 for default red */
--idle-indicator: #ebcb8b; /* change to #f0b232 for default yellow */

/* accent colors */
--accent-1: hsl(179, 25%, 65%); /* links */
Expand Down
8 changes: 5 additions & 3 deletions flavors/midnight-pichu.theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -18,8 +18,10 @@
/* font, change to 'gg sans' for default discord font*/
--font: 'Nunito';

/* color of green online dot, change to #23a55a for default green */
--online-indicator: hsl(150, 60%, 60%);
/* color of status indicators and window controls */
--online-indicator: hsl(160, 50%, 55%); /* change to #23a55a for default green */
--dnd-indicator: var(--accent-3); /* change to #f13f43 for default red */
--idle-indicator: hsl(50, 50%, 55%); /* change to #f0b232 for default yellow */

/* top left corner text */
--corner-text: 'LilyPichu';
Expand All @@ -31,7 +33,7 @@
--accent-4: hsl(347, 50%, 50%); /* accent buttons when hovered */
--accent-5: hsl(347, 50%, 45%); /* accent buttons when clicked */
--mention: hsla(347, 50%, 45%, 0.1); /* mentions & mention messages */
--mention-hover: hsla(47, 50%, 45%, 0.05); /* mentions & mention messages when hovered */
--mention-hover: hsla(347, 50%, 45%, 0.05); /* mentions & mention messages when hovered */

/* text colors */
--text-0: var(--text-2); /* text on colored elements */
Expand Down
68 changes: 27 additions & 41 deletions flavors/midnight-vencord.theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -21,33 +21,35 @@
/* top left corner text */
--corner-text: 'Vencord';

/* color of online status dot, change to #23a55a for default green */
--online-indicator: #89b481;
/* color of status indicators and window controls */
--online-indicator: #89b481; /* change to #23a55a for default green */
--dnd-indicator: #d3869b; /* change to #f13f43 for default red */
--idle-indicator: #d8a656; /* change to #f0b232 for default yellow */

/* accent colors */
--accent-1: #7caea3; /* links */
--accent-2: hsl(343.6,46.7%,67.6%); /* general unread/mention elements */
--accent-3: hsl(343.6,46.7%,67.6%); /* accent buttons */
--accent-4: hsl(343.6,46.7%,67.6%); /* accent buttons when hovered */
--accent-5: hsl(343.6,46.7%,61.6%); /* accent buttons when clicked */
--mention: hsla(190, 80%, 52%, 0.1); /* mentions & mention messages */
--mention-hover: hsla(190, 80%, 52%, 0.05); /* mentions & mention messages when hovered */
--accent-2: hsl(343.6, 46.7%, 67.6%); /* general unread/mention elements */
--accent-3: hsl(343.6, 46.7%, 67.6%); /* accent buttons */
--accent-4: hsl(343.6, 46.7%, 67.6%); /* accent buttons when hovered */
--accent-5: hsl(343.6, 46.7%, 61.6%); /* accent buttons when clicked */
--mention: hsla(343.6, 46.7%, 61.6%, 0.1); /* mentions & mention messages */
--mention-hover: hsla(343.6, 46.7%, 61.6%, 0.05); /* mentions & mention messages when hovered */

/* text colors */
--text-0: white; /* text on colored elements */
--text-1: var(--text-2); /* other normally white text */
--text-2: hsl(37,40%,84%); /* headings and important text */
--text-3: hsl(37,40%,72%); /* normal text */
--text-4: hsl(37,40%,72%); /* icon buttons and channels */
--text-5: hsl(0,0%,42.7%); /* muted channels/chats and timestamps */
--text-2: hsl(37, 40%, 84%); /* headings and important text */
--text-3: hsl(37, 40%, 72%); /* normal text */
--text-4: hsl(37, 40%, 72%); /* icon buttons and channels */
--text-5: #d4be9866; /* muted channels/chats and timestamps */

/* background and dark colors */
--bg-1: hsl(0,0%,24.7%); /* dark buttons when clicked */
--bg-2: hsl(0,0%,21.7%); /* dark buttons */
--bg-3: hsl(0,0%,18.7%); /* spacing, secondary elements */
--bg-4: hsl(0,0%,15.7%); /* main background color */
--hover: hsla(0,0%,53.7%, 0.1); /* channels and buttons when hovered */
--active: hsla(0,0%,53.7%, 0.2); /* channels and buttons when clicked or selected */
--bg-1: hsl(0, 0%, 24.7%); /* dark buttons when clicked */
--bg-2: hsl(0, 0%, 21.7%); /* dark buttons */
--bg-3: hsl(0, 0%, 18.7%); /* spacing, secondary elements */
--bg-4: hsl(0, 0%, 15.7%); /* main background color */
--hover: hsla(0, 0%, 53.7%, 0.1); /* channels and buttons when hovered */
--active: hsla(0, 0%, 53.7%, 0.2); /* channels and buttons when clicked or selected */
--message-hover: hsla(220, 0%, 0%, 0.1); /* messages when hovered */

/* amount of spacing and padding */
Expand All @@ -70,32 +72,16 @@
--moon-icon: block; /* moon icon */
--moon-icon-url: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 27' width='24' height='24'%3E%3Cpath fill='currentColor' d='M0 0h7v1H6v1H5v1H4v1H3v1H2v1h5v1H0V6h1V5h1V4h1V3h1V2h1V1H0m13 2h5v1h-1v1h-1v1h-1v1h3v1h-5V7h1V6h1V5h1V4h-3m8 5h1v5h1v-1h1v1h-1v1h1v-1h1v1h-1v3h-1v1h-2v1h-1v1h1v-1h2v-1h1v2h-1v1h-2v1h-1v-1h-1v1h-6v-1h-1v-1h-1v-2h1v1h2v1h3v1h1v-1h-1v-1h-3v-1h-4v-4h1v-2h1v-1h1v-1h1v2h1v1h1v-1h1v1h-1v1h2v-2h1v-2h1v-1h1M8 14h2v1H9v4h1v2h1v1h1v1h1v1h4v1h-6v-1H5v-1H4v-5h1v-1h1v-2h2m17 3h1v3h-1v1h-1v1h-1v2h-2v-2h2v-1h1v-1h1m1 0h1v3h-1v1h-2v-1h1v-1h1'%3E%3C/path%3E%3C/svg%3E");
--moon-icon-size: cover;

/* filter uncolorable elements to fit theme */
/* (just set to none, they're too much work to configure) */
--login-bg-filter: none; /* login background artwork */
--green-to-accent-3-filter: none; /* add friend page explore icon */
--blurple-to-accent-3-filter: none; /* add friend page school icon */
}
/* disable DM spin */
/* disable DM spin */
.wrapper_d281dd:hover > .childWrapper__01b9c::before,
.wrapper_d281dd.selected_f5ec8e > .childWrapper__01b9c::before {
background: var(--text-0);
transform: rotate(-0deg) scale(0.8);

/* filter uncolorable elements to fit theme */
/* (just set to none, they're too much work to configure) */
--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4); /* login background artwork */
--green-to-accent-3-filter: hue-rotate(56deg) saturate(1.43); /* add friend page explore icon */
--blurple-to-accent-3-filter: hue-rotate(304deg) saturate(0.84) brightness(1.2); /* add friend page school icon */
}

/* color of idle and dnd status dots, change first and last fill values to #d8a656 for default yellow and the inbetween fill values to #ea6962 for default red */
rect[fill="#f0b232"],
svg[fill="#f0b232"] {
fill: #d8a656;
}
rect[fill="#f23f43"],
svg[fill="#f23f43"] {
fill: #ea6962;
}
[style="background-color: rgb(242, 63, 67);"] {
background-color: #ea6962 !important;
}
[style="background-color: rgb(240, 178, 50);"] {
background-color: #d8a656 !important;
}

0 comments on commit 9fac185

Please sign in to comment.