Professional Documents
Culture Documents
Kuromi - Hello Kitty (Lilypichu Theme, BetterDiscord)
Kuromi - Hello Kitty (Lilypichu Theme, BetterDiscord)
:root {
/* Jumping GIF */
--jumping-gif:
url(https://media2.giphy.com/media/WVEw43BibLgfjj5caR/giphy.gif?cid=6c09b952926f30720bf6
61701ea8b7ebc72835df296ac997&rid=giphy.gif&ct=s);
--background-tertiary-alt: url(https://wallpaper.dog/large/17002184.jpg); */
--background-tertiary-alt:
url(https://i.pinimg.com/originals/9c/54/72/9c5472f24f89946b94e66ca0c15fc625.jpg);
.theme-dark {
/* Text */
--text-normal: #ffffff;
--header-primary: #5a4439;
--interactive-normal: #ee78af;
--channels-default: #ffffff;
--text-muted: #fa60a8e1;
--interactive-muted: #ffffff;
--header-secondary: #ffffff;
--interactive-hover: hsl(0, 0%, 100%);
--interactive-active: #ffffff;
/* Background color */
--background-primary: hsla(341, 100%, 94%, 0.856);
--background-secondary: #423734bb;
--background-secondary-alt: #f8bbe3d0;
--background-tertiary: #221d1ead;
--background-floating: #ddb8d1;
--background-accent: #3a322db7;
--channeltextarea-background: var(--background-secondary);
--background-modifier-hover: rgba(252, 177, 196, 0.466);
--background-modifier-active: rgba(255, 181, 233, 0.836);
--background-modifier-selected: rgba(253, 175, 218, 0.808);
--toast-background: #797979 !important;
--toast-header: #414141 !important;
--toast-contents: #4e4e4e !important;
--toast-border: #333333 !important;
/* 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);
}
.colorBrand-ROmMP1 { color: #9e9e9e;}
.colorDefault-2K3EoJ.focused-3afm-j,
.colorDefault-2K3EoJ:active:not(.hideInteraction-1iHO1O) { background-color:
var(--background-modifier-hover) !important;}
/* Buttons */
.lookFilled-1Gx00P { background-color: #c5c5c5 !important;}
.lookFilled-1Gx00P:active, .lookFilled-1Gx00P:hover { background-color: #aaa9a9
!important;}
.lookOutlined-3sRXeN:not(.colorWhite-rEQuAQ) { color: #c9c9c9; border-color: #929292;}
/* Hover background */
.colorDefault-2K3EoJ.focused-3afm-j,
.colorDefault-2K3EoJ:active:not(.hideInteraction-1iHO1O) { color: var(--interactive-normal);}
.theme-light {
/* Text */
--text-normal: #a0a0a0;
--header-primary: #b1b1b1;
--interactive-normal: #9e9e9e;
--channels-default: #999999;
--text-muted: #a1a1a1;
--interactive-muted: #c5c5c5;
--header-secondary: #999999;
--interactive-hover: #222222;
--interactive-active: #adadad;
/* Background color */
--background-primary: rgb(224, 224, 224);
--background-secondary: #fcfcfc;
--background-secondary-alt: #ffffff;
--background-tertiary: #c2c2c2;
--background-floating: #696969;
--background-accent: #535353;
--channeltextarea-background: var(--background-secondary);
--background-modifier-hover: rgba(59, 59, 59, 0.062);
--background-modifier-active: rgba(37, 37, 37, 0.123);
--background-modifier-selected: rgba(37, 37, 37, 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);
}
/* Buttons */
.lookFilled-1Gx00P { background-color: #cecece !important;}
.lookFilled-1Gx00P:active, .lookFilled-1Gx00P:hover { background-color: #979797
!important;}
.lookOutlined-3sRXeN:not(.colorWhite-rEQuAQ) { color: #b6b6b6; border-color: #bebebe;}
/* Hover background */
.colorDefault-2K3EoJ.focused-3afm-j,
.colorDefault-2K3EoJ:active:not(.hideInteraction-1iHO1O) { color: var(--interactive-normal);}