Gruvbox for Discord using CircuitRCAY's Duvbox
Duvbox by piggyclone205
Details
Authorpiggyclone205
LicenseCopyright 2020-2021 CircuitRCAY Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
Categorydiscord.com
Created
Updated
Size20 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name Duvbox
@namespace USO Archive
@author CircuitRCAY
@description `Gruvbox for Discord'
@version 20221118.17.13
@license CC-BY-4.0
@preprocessor uso
==/UserStyle== */
/**
Duvbox - adapted for Discord
Made by CircuitRCAY (Circuit#2816)
Made a UserStyle by Grucci Nishikino (Grucci Nishikino#3610)
*/
/* Iosevka, codeblock font */
@-moz-document domain("discord.com") {
@import url("https://cdn.jsdelivr.net/npm/@typopro/web-iosevka@3.7.5/TypoPRO-Iosevka.css");
code {
font-family: "TypoPRO Iosevka Term", monospace;
font-weight: 400;
}
/* Iosevka on Powercord */
pre > code {
font-family: "TypoPRO Iosevka Term", monospace;
font-weight: 400;
}
/** End Iosevka */
.theme-dark {
--background-primary: #282828;
--background-secondary: #3c3836;
--background-tertiary: #504945;
--background-accent: #32302f;
--text-normal: #ebdbb2;
--text-spotify: #fbf1c7;
--text-muted: #bdae93;
--text-link: #458588;
--background-floating: #3c3836;
--header-primary: #ebdbb2;
--header-secondary: #bdae93;
--header-spotify: #b8bb26;
--interactive-normal: #ebdbb2;
--interactive-hover: #bdae93;
--interactive-active: #fbf1c7;
}
.theme-light {
--background-primary: #fbf1c7;
--background-secondary: #ebdbb2;
--background-tertiary: #d5c4a1;
--background-accent: #f2e5bc;
--text-normal: #3c3836;
--text-muted: #504945;
--text-link: #076678;
--header-primary: #3c3836;
--header-secondary: #504945;
--header-spotify: #98971a;
--background-floating: #ebdbb2;
--interactive-normal: #665c54;
--interactive-muted: #928374;
--interactive-hover: #504945;
--interactive-active: #7c6f64;
}
::-webkit-scrollbar,
::-webkit-scrollbar-track,
::-webkit-scrollbar-track-piece {
background: transparent !important;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
border: none !important;
width:5px !important;
}
::-webkit-scrollbar-thumb {
background: var(--background-accent) !important;
width:5px !important;
border:none !important;
border-radius: 0px !important;
}
/* Guild menu (discord forces light theme) */
div[class*="wrapper"][class*="fixClipping"]{
background-color: var(--background-accent);
}
/* New Messages Bar */
div[class*="newMessagesBar"] {
background-color: var(--background-accent);
}
/* Hide the action bar nametag and status */
section > div[class*="container"] > [class*='nameTag-'] {
display:none;
}
/* Center buttons in the panels container */
div[class*="sidebar"] > [class*='panels-'] [class*='container-']{
display:flex;
flex-flow:row wrap;
justify-content: center;
}
/* Credit to craftxbox */
/* Mentions (channel, user) */
span[class*="mention"][class*="interactive"] {
color: var(--text-link);
}
/* Mentions (role) */
span[class*="mention"] {
color: var(--text-link);
}
div[class^="scrollableContainer"] {
background-color: var(--background-secondary);
}
div[class^="name"] > span {
color: var(--text-normal);
}
h1, h2, h3 {
color: var(--text-normal);
}
h3[class^="title"] {
color: var(--text-normal);
}
div[class^="panels"] > div[class^="container"] {
background-color: var(--background-secondary);
}
div[class^="wrapper"] > div[class^="container"] {
background-color: var(--background-tertiary);
}
section[class^="panels"] > div[class^="container"] > div[class^="nameTag"] > * {
color: var(--text-normal);
}
section[class^="panels"] > div[class^="container"] {
background-color: var(--background-secondary);
}
div.userSettingsAccount-2eMFVR > div > div {
background-color: var(--background-primary);
}
* > div[class^="contents"] {
color: var(--text-normal)
}
div[class^="size14"] {
color: var(--text-normal);
}
div[class^="topic"] {
color: var(--text-muted);
}
div[class^="friendsTable"] {
background-color: var(--background-primary);
}
[class^="input"] {
background-color: var(--background-primary);
}
div[class^="uploadModal"] > div[class^="inner"], div[class^="inner"] > div[class^="uploadModal"], div[class^="uploadModal"] > div[class^="footer"] {
background-color: var(--background-primary);
}
[class^="usernameContainer"]:not([style]){
color: var(--text-normal)
}
div[class^="username"] {
background-color: inherit;
}
span[class^="wrapperHover"][role="button"] {
color: var(--text-link)
}
[class^="autocompleteInner"] {
background-color: var(--background-secondary)
}
a[class^="wrapper"] {
color: var(--text-normal)
}
[class^="tooltipRight"] {
color: var(--text-normal)
}
div[role="dialog"] {
color: var(--background-primary)
}
div[class*="activityPanel"] {
background-color: var(--background-secondary)
}
div[class^="text"] {
color: var(--text-normal)
}
div[class^="side"] > div[class^="item"] {
background-color: var(--background-secondary)
}
[class^="userInfoViewing"] {
background-color: var(--background-secondary);
}
[class*="lookFilled"][class*="colorBrand"] {
background-color: var(--text-link);
}
div[class*="tooltip"] {
background-color: var(--background-secondary);
}
div[class*="contextMenu"] {
background-color: var(--background-secondary);
}
div[class*="header"] {
background-color: var(--background-secondary)
}
div[class*="details"] {
color: var(--text-normal);
}
div[class*="headerTextNormal"] {
background-color: var(--background-secondary);
}
span {
color: var(--text-normal)
}
span[class*="headerName"] {
color: var(--text-normal)
}
div[class*="userPopout"] > div[class*="footer"] {
background-color: var(--background-primary)
}
div[class*="scrollerWrap"][class*="body"] > div[class*="scroller"] {
background-color: var(--background-primary)
}
[class*="footer"] > [class*="quickMessage"] {
background-color: var(--background-primary)
}
div[class^="topSectionPlaying"] > header[class^="header"] {
background-color: var(--background-secondary);
}
header[class^="title"] {
color: var(--text-normal)
}
div[class^="tabBody"] {
background-color: var(--background-primary);
}
div[class^="topSectionNormal"] > header > div[class^="headerInfo"]{
background-color: inherit;
}
div[class^="topSectionSpotify"] > header > div[class^="headerInfo"]{
background-color: inherit;
}
div[class^="topSectionSpotify"] {
background-color: var(--header-spotify);
}
div[class*="nameNormal"][class*="ellipsis"][class*="textRow"][class*="weightSemiBold"] > a {
color: var(--text-normal)
}
div[class*="detailsWrap"][class*="textRow"] > span > a {
color: var(--text-normal);
}
div[class*="state"][class*="ellipsis"][class*="textRow"] > span > a {
color: var(--text-normal);
}
div[class^="headerTextNormal"][class*="headerText"][class*="small"][class*="marginBottom8"][class*="weightBold"] {
color: var(--text-normal);
background-color: var(--background-secondary);
}
div[class*="details"][class*="ellipsis"][class*="textRow"] {
color: var(--text-normal)
}
div[class*="timestamp"] {
color: var(--text-normal)
}
section[class^="section"] {
background-color: var(--background-secondary);
}
div[class*="container"] > div[class*="contentWrapper"] {
background-color: var(--background-secondary);
}
div[class*="selectorSelected"][class*="selector"] {
background-color: var(--background-tertiary);
}
div[class*="selectorSelected"][class*="selector"] > * > div[class*="marginLeft"] {
color: var(--text-normal)
}
div[class*="selectorSelected"][class*="selector"] > * > div[class*="colorStandard"] {
color: var(--text-muted);
}
[class*="selector"] > * > div[class*="marginLeft"] {
color: var(--text-normal)
}
[class*="selector"] > * > div[class*="colorStandard"] {
color: var(--text-muted);
}
div[class*="infoBar"] {
background-color: var(--background-tertiary);
}
div[class*="body"][class*="scrollerBase"][class*="thin"] {
background-color: var(--background-primary);
}
/* Fix text colour when Spotify is playing */
div[class*="topSectionSpotify"] > header > div[class*="headerInfo"] > div[class*="nameTag"] > * {
color: var(--text-spotify);
}
/* Fix button colours */
div[class*="topSectionSpotify"] > header > button[class*="actionButton"] {
background-color: var(--background-tertiary);
}
div[class*="topSectionNormal"] > header > button[class*="actionButton"] {
background-color: var(--background-secondary);
}
div[class*="topSectionPlaying"] > header > button[class*="actionButton"] {
background-color: var(--background-tertiary);
}
/** Search **/
div[class*="resultsGroup"] {
background-color: var(--background-secondary);
}
div[class*="resultsGroup"] > div[class*="option"]::after {
background-color: var(--background-secondary);
}
div[class*="resultsGroup"] > div[class*="option"]:hover {
background-color: var(--background-primary);
}
/** Channel topic **/
div[class*="layerContainer"] > div[class*="layer"] > div[class*="focusLock"] > div[class*="modal"] > div[class*="content"] {
background-color: var(--background-secondary);
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
/** Playing statuses */
* > div[class*="activityText"] {
color: var(--text-muted);
}
* > svg {
color: var(--interactive-hover)
}
/** Header fixes */
* > span[class*="activityName"] {
color: var(--text-normal)
}
div[class*="activityUserPopout"] > h3[class*="headerTextNormal"][class*="headerText"] {
...