Darrel Israel
141 lines
3.5 KiB
CSS
141 lines
3.5 KiB
CSS
/**
|
|
* @name Rosé Pine
|
|
* @author F04c
|
|
* @version 1.0.0
|
|
* @source https://github.com/F04C/betterdiscordcss
|
|
*/
|
|
|
|
@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@300..700&display=swap');
|
|
:root {
|
|
--Chat-Font-Used: 'Fira Code', monospace ;
|
|
--Chat-Font-Size: 14px;
|
|
|
|
--font-primary: var(--Chat-Font-Used);
|
|
--font-display: var(--Chat-Font-Used);
|
|
--font-code: var(--Chat-Font-Used);
|
|
}
|
|
|
|
.theme-dark {
|
|
--input-background: #1C1A27;
|
|
--bg-overlay-chat: #130E1A;
|
|
--home-background: #130E1A;
|
|
--modal-footer-background: #26233a;
|
|
--primary-600: #1C1A27;
|
|
--bg-mod-faint: #6e6af622;
|
|
--card-secondary-bg: #00000060;
|
|
--background-message-highlight: #6e6af633;
|
|
--background-message-highlight-hover: #6e6af622;
|
|
--background-mentioned: #6e6af633;
|
|
--background-mentioned-hover: #6e6af622;
|
|
--info-warning-foreground: #6e6af6;
|
|
--background-primary: #241E2F;
|
|
--background-secondary: #1C1A27;
|
|
--background-secondary-alt: #130E1A;
|
|
--channeltextarea-background: #1C1A27;
|
|
--background-tertiary: #453E55;
|
|
--background-accent: #0000003a;
|
|
--text-normal: #D0BCFF;
|
|
--text-spotify: #9ccfd8;
|
|
--text-muted: #4f4c58;
|
|
--text-link: #31748f;
|
|
--background-floating: #130E1A;
|
|
--header-primary: #D0BCFF;
|
|
--header-secondary: #D0BCFF;
|
|
--interactive-normal: #D0BCFF;
|
|
--interactive-hover: #F2B8B5;
|
|
--interactive-active: #EFB8C8;
|
|
--ping: #eb6f92;
|
|
--background-modifier-selected: #130E1A;
|
|
--scrollbar-thin-thumb: #191724;
|
|
--scrollbar-thin-track: transparent;
|
|
--scrollbar-auto-thumb: #D0BCFF;
|
|
--scrollbar-auto-track: transparent;
|
|
}
|
|
|
|
.theme-light {
|
|
--background-primary: #faf4ed;
|
|
--background-secondary: #fffaf3;
|
|
--background-secondary-alt: #f2e9de;
|
|
--channeltextarea-background: #f2e9de;
|
|
--background-tertiary: #f2e9de;
|
|
--background-accent: #d7827e;
|
|
--text-normal: #575279;
|
|
--text-spotify: #575279;
|
|
--text-muted: #6e6a86;
|
|
--text-link: #286983;
|
|
--background-floating: #f2e9de;
|
|
--header-primary: #575279;
|
|
--header-secondary: #575279;
|
|
--header-spotify: #56949f;
|
|
--interactive-normal: #575279;
|
|
--interactive-hover: #6e6a86;
|
|
--interactive-active: #575279;
|
|
}
|
|
|
|
.mainCard__0ec2c {
|
|
background-color: var(--background-secondary) !important;
|
|
}
|
|
|
|
.body-2wLx-E,
|
|
.headerTop-3GPUSF,
|
|
.bodyInnerWrapper-2bQs1k,
|
|
.footer-3naVBw,
|
|
.panels-3wFtMD {
|
|
background-color: var(--background-tertiary) !important;
|
|
}
|
|
|
|
.peopleColumn-1wMU14,
|
|
.panels-j1Uci_,
|
|
.peopleColumn-29fq28,
|
|
.peopleList-2VBrVI,
|
|
.content-2hZxGK,
|
|
.header-1zd7se,
|
|
.root-g14mjS .small-23Atuv .fullscreenOnMobile-ixj0e3 {
|
|
background-color: var(--background-secondary) !important;
|
|
}
|
|
|
|
.textArea-12jD-V,
|
|
.lookBlank-3eh9lL,
|
|
.threadSidebar-1o3BTy,
|
|
.scrollableContainer-2NUZem,
|
|
.perksModalContentWrapper-3RHugb,
|
|
.theme-dark .footer-31IekZ,
|
|
.theme-light .footer-31IekZ {
|
|
background-color: var(--background-tertiary) !important;
|
|
}
|
|
|
|
.numberBadge-2s8kKX,
|
|
.base-PmTxvP,
|
|
.baseShapeRound-1Mm1YW,
|
|
.bar-30k2ka,
|
|
.unreadMentionsBar-1Bu1dC,
|
|
.mention-1f5kbO,
|
|
.active-1SSsBb,
|
|
.disableButton-220a9y {
|
|
background-color: var(--ping) !important;
|
|
}
|
|
|
|
.lookOutlined-3sRXeN.colorRed-1TFJan {
|
|
color: var(--ping) !important;
|
|
}
|
|
|
|
.header-3OsQeK,
|
|
.container-ZMc96U {
|
|
box-shadow: none !important;
|
|
border: none !important;
|
|
}
|
|
|
|
.content-1gYQeQ,
|
|
.layout-1qmrhw,
|
|
.inputDefault-3FGxgL,
|
|
.input-2g-os5,
|
|
.input-2z42oC,
|
|
.role-2TIOKu,
|
|
.searchBar-jGtisZ {
|
|
border-radius: 6px !important;
|
|
}
|
|
|
|
.layout-1qmrhw:hover,
|
|
.content-1gYQeQ:hover {
|
|
background-color: var(--background-modifier-selected) !important;
|
|
} |