mirror of
https://github.com/bvanroll/_dotfiles.git
synced 2025-08-30 12:32:41 +00:00
vencord
This commit is contained in:
156
.config/Vencord/themes/lilypichu.theme.css
Normal file
156
.config/Vencord/themes/lilypichu.theme.css
Normal file
@@ -0,0 +1,156 @@
|
||||
/**
|
||||
* @name LilyPichu
|
||||
* @author Nyria#3863
|
||||
* @description A theme based on @Melonturtle_ stream design
|
||||
* @invite rtBQX5D3bD
|
||||
* @version 1.4
|
||||
* @donate https://ko-fi.com/nyria
|
||||
*/
|
||||
@import url("https://nyri4.github.io/LilyPichu/main.css");
|
||||
|
||||
/* Remove decorations */
|
||||
@import url("https://nyri4.github.io/LilyPichu/stuff/overlay.css");
|
||||
|
||||
:root {
|
||||
/* --- User variables --- */
|
||||
|
||||
/* Jumping GIF */
|
||||
--jumping-gif: url("https://i.imgur.com/dCd49s0.gif");
|
||||
|
||||
/* Background (if you want an image replace it by :
|
||||
|
||||
--background-tertiary-alt: url("image-link"); without that => */
|
||||
--background-tertiary-alt: #ffc7d4;
|
||||
|
||||
/* Border-radius for the whole theme */
|
||||
--border-radius: 20px;
|
||||
}
|
||||
|
||||
.theme-dark {
|
||||
/* Text */
|
||||
--text-normal: #f8e1e5;
|
||||
--header-primary: #f8e1e5;
|
||||
--interactive-normal: #fab1bd;
|
||||
--channels-default: #f8e1e5;
|
||||
|
||||
--text-muted: #e2c1c7;
|
||||
--interactive-muted: #ad8c91;
|
||||
|
||||
--header-secondary: #e2c1c7;
|
||||
--interactive-hover: #e2c1c7;
|
||||
--interactive-active: #e2c1c7;
|
||||
|
||||
/* Background color */
|
||||
--background-primary: #5e3640;
|
||||
--background-secondary: #49292f;
|
||||
--background-secondary-alt: #3b1d24;
|
||||
--background-tertiary: #220f14;
|
||||
--background-floating: #221115;
|
||||
--background-accent: #c5536c;
|
||||
--channeltextarea-background: var(--background-secondary);
|
||||
--modal-background: var(--background-primary);
|
||||
--background-modifier-hover: #5e36403b;
|
||||
--background-modifier-active: #5e364058;
|
||||
--background-modifier-selected: #5e364068;
|
||||
--toast-background: #5e3640 !important;
|
||||
--toast-header: #3b1d24 !important;
|
||||
--toast-contents: #49292f !important;
|
||||
--toast-border: #49292f !important;
|
||||
--input-background: var(--background-secondary);
|
||||
|
||||
/* Scrollbar */
|
||||
--scrollbar-auto-thumb: var(--background-tertiary);
|
||||
--scrollbar-auto-track: var(--background-secondary-alt);
|
||||
--scrollbar-thin-thumb: var(--background-tertiary);
|
||||
--scrollbar-thin-track: transparent;
|
||||
|
||||
/* Other */
|
||||
--channel-text-area-placeholder: var(--interactive-normal);
|
||||
--deprecated-quickswitcher-input-background: var(--background-primary);
|
||||
}
|
||||
.colorBrand-3cPPsm {
|
||||
color: #c5536c;
|
||||
}
|
||||
.colorDefault-CDqZdO.focused-3qFvc8,
|
||||
.colorDefault-CDqZdO:active:not(.hideInteraction-2jPGL_) {
|
||||
background-color: var(--background-modifier-hover) !important;
|
||||
}
|
||||
|
||||
/* Buttons */
|
||||
.lookFilled-1H2Jvj {
|
||||
background-color: #c5536c !important;
|
||||
}
|
||||
.lookFilled-1H2Jvj:active,
|
||||
.lookFilled-1H2Jvj:hover {
|
||||
background-color: #b64a61 !important;
|
||||
}
|
||||
.lookOutlined-3yKVGo:not(.colorWhite-1H92hK) {
|
||||
color: #c5536c;
|
||||
border-color: #c5536c;
|
||||
}
|
||||
|
||||
/* Hover background */
|
||||
.colorDefault-CDqZdO.focused-3qFvc8,
|
||||
.colorDefault-CDqZdO:active:not(.hideInteraction-2jPGL_) {
|
||||
color: var(--interactive-normal);
|
||||
}
|
||||
|
||||
.theme-light {
|
||||
/* Text */
|
||||
--text-normal: #a86373;
|
||||
--header-primary: #a86373;
|
||||
--interactive-normal: #a86373;
|
||||
--channels-default: #a86373;
|
||||
|
||||
--text-muted: #a86373;
|
||||
--interactive-muted: #cf92a0;
|
||||
|
||||
--header-secondary: #cf92a0;
|
||||
--interactive-hover: #be7d8c;
|
||||
--interactive-active: #b36f7f;
|
||||
|
||||
/* Background color */
|
||||
--background-primary: #ffffff;
|
||||
--background-secondary: #ffeeee;
|
||||
--background-secondary-alt: #fdc7c7;
|
||||
--background-tertiary: #ffbbbb;
|
||||
--background-floating: #ffbbbb;
|
||||
--background-accent: #c5536c;
|
||||
--channeltextarea-background: var(--background-secondary);
|
||||
--background-modifier-hover: rgba(56, 31, 31, 0.062);
|
||||
--background-modifier-active: rgba(19, 12, 12, 0.123);
|
||||
--background-modifier-selected: rgba(31, 21, 21, 0.11);
|
||||
|
||||
/* Scrollbar */
|
||||
--scrollbar-auto-thumb: var(--background-tertiary);
|
||||
--scrollbar-auto-track: var(--background-secondary-alt);
|
||||
--scrollbar-thin-thumb: var(--background-tertiary);
|
||||
--scrollbar-thin-track: transparent;
|
||||
|
||||
/* Other */
|
||||
--deprecated-quickswitcher-input-background: var(--background-primary);
|
||||
}
|
||||
|
||||
.colorDefault-CDqZdO.focused-3qFvc8,
|
||||
.colorDefault-CDqZdO:active:not(.hideInteraction-2jPGL_) {
|
||||
background-color: var(--background-modifier-hover) !important;
|
||||
}
|
||||
|
||||
/* Buttons */
|
||||
.lookFilled-1H2Jvj {
|
||||
background-color: #c5536c !important;
|
||||
}
|
||||
.lookFilled-1H2Jvj:active,
|
||||
.lookFilled-1H2Jvj:hover {
|
||||
background-color: #b64a61 !important;
|
||||
}
|
||||
.lookOutlined-3yKVGo:not(.colorWhite-1H92hK) {
|
||||
color: #c5536c;
|
||||
border-color: #c5536c;
|
||||
}
|
||||
|
||||
/* Hover background */
|
||||
.colorDefault-CDqZdO.focused-3qFvc8,
|
||||
.colorDefault-CDqZdO:active:not(.hideInteraction-2jPGL_) {
|
||||
color: var(--interactive-normal);
|
||||
}
|
Reference in New Issue
Block a user