mirror of
https://github.com/elkowar/dots-of-war.git
synced 2024-11-06 03:12:24 +00:00
add custom discord theme
This commit is contained in:
parent
64d81794a9
commit
5c9f09af13
9 changed files with 263 additions and 6 deletions
|
|
@ -1,4 +1,5 @@
|
|||
*.background: #282828
|
||||
color5: #ff0000
|
||||
|
||||
Xcursor.size: 16
|
||||
Xcursor.theme: capitaine-cursors-light
|
||||
|
|
|
|||
|
|
@ -27,7 +27,7 @@
|
|||
|
||||
/* unread indicators */
|
||||
.theme-dark .unread-2OHH1w:not(.selected-nT-gM3):before {
|
||||
background: transparent;
|
||||
background: #282828;
|
||||
opacity: 0.5;
|
||||
height: 50px;
|
||||
width: 50px;
|
||||
|
|
|
|||
57
files/.config/EnhancedDiscord/plugins/style.css.bak
Normal file
57
files/.config/EnhancedDiscord/plugins/style.css.bak
Normal file
|
|
@ -0,0 +1,57 @@
|
|||
@import url(https://enhanceddiscord.com/theme.css);
|
||||
|
||||
/* theme settings - uncomment (by removing the /*) and modify these lines in order to change things */
|
||||
:root {
|
||||
/* --bg: url(https://i.imgur.com/ybRUHPc.jpg); /* background for the entire window. Almost everything is transparent to this image. */
|
||||
/* --bg-overlay: rgba(0, 0, 0, 0.8); /* overlay for the background. Generally, this should darken the picture to make text more readable. */
|
||||
/* --accent-color: #900; /* color of buttons, misc. text, etc. */
|
||||
/* --mention-color: #f00; /* color of mention text */
|
||||
/* --mention-bg: rgba(255, 0, 0, 0.15); /* mention background color */
|
||||
/* --mention-bgh: rgba(255, 0, 0, 0.4); /* mention backgroung while hovering over it */
|
||||
/* --link-color: #faa61a; /* color of all links */
|
||||
/* --link-color-hover: #fad61a; /* color of all links while hovering over them */
|
||||
/* --tag-color: #fff; /* text color of tags (bot tags and custom) */
|
||||
/* --tag-bg: rgba(255, 0, 0, 0.3); /* background of tags (bot tags and custom) */
|
||||
/* --popup-background: #222; /* background of modals, confirmation messages etc. */
|
||||
/* --popup-highlight: #333; /* color of headers and footers of "popouts" (linked to above) */
|
||||
/* --context-menu-bg: #333; /* color of context (right-click) menus. */
|
||||
/* --unread-color: #f00; /* color of unread/selected server indicators. */
|
||||
}
|
||||
|
||||
|
||||
/* nitrofag badge */
|
||||
.profileBadgePremium-3kZ9Qj, .topSectionNormal-2-vo2m .profileBadgePremium-3kZ9Qj,
|
||||
.profileBadgePremium-3kZ9Qj, .topSectionPlaying-1J5E4n .profileBadgePremium-3kZ9Qj {
|
||||
background-image: url(https://discordapp.com/assets/9c252d28ca4980d65054a0258052983b.svg);
|
||||
}
|
||||
|
||||
/* unread indicators */
|
||||
.theme-dark .unread-2OHH1w:not(.selected-nT-gM3):before {
|
||||
background: transparent;
|
||||
opacity: 0.5;
|
||||
height: 50px;
|
||||
width: 50px;
|
||||
left: 0px;
|
||||
bottom: 0px;
|
||||
top: 0px;
|
||||
margin-top: 0;
|
||||
border-radius: 50%;
|
||||
border-top-right-radius: 5px;
|
||||
border-bottom-left-radius: 5px;
|
||||
/* box-shadow: 16px -16px 10px -14px #f00; */
|
||||
/* background: -webkit-radial-gradient(transparent 15px, #f00 25px, transparent 40px); */
|
||||
box-shadow: inset 0 0 12px 2px var(--unread-color);
|
||||
}
|
||||
.theme-dark .selected-nT-gM3:before {
|
||||
background: var(--unread-color);
|
||||
}
|
||||
.theme-dark .unread-2OHH1w:hover::before {
|
||||
border-radius: 15px;
|
||||
border-top-right-radius: 5px;
|
||||
border-bottom-left-radius: 5px;
|
||||
transition: border-radius 150ms;
|
||||
}
|
||||
/* uncomment the following lines to hide gif picker */
|
||||
/*button[aria-label="Open GIF picker"] {
|
||||
display: none;
|
||||
}*/
|
||||
|
|
@ -1,4 +1,4 @@
|
|||
{
|
||||
"optOut": false,
|
||||
"lastUpdateCheck": 1590939768340
|
||||
"lastUpdateCheck": 1591026213722
|
||||
}
|
||||
|
|
@ -1,9 +1,9 @@
|
|||
[xin_1]
|
||||
file=/home/leon/Bilder/wallpapers/abstract-barb-wires-blur-close-up-116021.jpg
|
||||
file=/home/leon/Bilder/wallpapers/wallhaven-ox2gr9.jpg
|
||||
mode=5
|
||||
bgcolor=#000000
|
||||
|
||||
[xin_0]
|
||||
file=/home/leon/Bilder/wallpapers/abstract-barb-wires-blur-close-up-116021.jpg
|
||||
file=/home/leon/Bilder/wallpapers/wallhaven-ox2gr9.jpg
|
||||
mode=5
|
||||
bgcolor=#000000
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
[geometry]
|
||||
posx=20
|
||||
posy=1130
|
||||
sizex=1246
|
||||
sizex=1689
|
||||
sizey=1366
|
||||
|
||||
[nitrogen]
|
||||
|
|
|
|||
Binary file not shown.
|
|
@ -103,11 +103,12 @@ scratchpads :: [NamedScratchpad]
|
|||
scratchpads =
|
||||
[ NS "terminal" "termite --class sp_term" (className =? "sp_term") (customFloating $ W.RationalRect 0.66 0.7 0.34 0.3)
|
||||
, NS "spotify" "spotify" (appName =? "spotify") defaultFloating
|
||||
, NS "discord" "discord" (appName =? "discord") defaultFloating
|
||||
, NS "whatsapp" launchWhatsapp (("WhatsApp" `isSuffixOf`) <$> title) defaultFloating
|
||||
, NS "slack" "slack" (("Slack | " `isPrefixOf`) <$> title) defaultFloating
|
||||
, NS "discord" launchDiscord (appName =? "discord") defaultFloating
|
||||
]
|
||||
launchWhatsapp = "gtk-launch chrome-hnpfjngllnobngcgfapefoaidbinmjnm-Default.desktop"
|
||||
launchDiscord = "beautifuldiscord --css /home/leon/.config/beautifuldiscord/custom_discord.css"
|
||||
|
||||
|
||||
-- Colors ------ {{{
|
||||
|
|
|
|||
198
files/custom_discord.css
Normal file
198
files/custom_discord.css
Normal file
|
|
@ -0,0 +1,198 @@
|
|||
:root {
|
||||
/* ---- */
|
||||
--bg1: #282828;
|
||||
--bg2: #222222;
|
||||
--bg3: #1d2021;
|
||||
--button: #daddee1a;
|
||||
/* ---- */
|
||||
--fg2: #a89984;
|
||||
--fg1: #fbf1c7;
|
||||
--disabled: #696969;
|
||||
/* ---- */
|
||||
--accent: #83c07c;
|
||||
--accent2: #83a598;
|
||||
--contrast: #ffffff;
|
||||
/* ---- */
|
||||
|
||||
--red: #fb4934;
|
||||
--purple: #b16286;
|
||||
--blue: #458588;
|
||||
--cyan: #7acfe4;
|
||||
--green: #83c07c;
|
||||
--yellow: #fabd2f;
|
||||
--border1: #223344;
|
||||
--border2: #334455;
|
||||
-moz-tab-size: 2;
|
||||
}
|
||||
|
||||
.theme-dark {
|
||||
--header-primary: var(--fg1);
|
||||
--header-secondary: var(--fg2);
|
||||
--text-normal: var(--fg1);
|
||||
--text-muted: var(--fg2);
|
||||
--text-link: var(--accent);
|
||||
--channels-default: var(--fg2);
|
||||
--interactive-normal: var(--fg2);
|
||||
--interactive-hover: var(--fg1);
|
||||
--interactive-active: var(--fg1);
|
||||
--interactive-muted: var(--fg2);
|
||||
--background-primary: var(--bg1);
|
||||
--background-secondary: var(--bg2);
|
||||
--background-secondary-alt: var(--bg1);
|
||||
--background-tertiary: var(--bg1);
|
||||
--background-accent: var(--accent);
|
||||
--background-floating: var(--bg1);
|
||||
--background-modifier-hover: rgba(79, 84, 92, 0.16);
|
||||
--background-modifier-active: rgba(79, 84, 92, 0.24);
|
||||
/*--background-modifier-accent: hsla(0, 0%, 100%, 0.06);*/
|
||||
--background-modifier-accent: rgba(0,0,0,0);
|
||||
--elevation-high: 0 8px 16px rgba(0, 0, 0, 0.24);
|
||||
--guild-header-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
|
||||
--channeltextarea-background: var(--bg1);
|
||||
--activity-card-background: var(--bg2);
|
||||
--deprecated-panel-background: var(--bg3);
|
||||
--background-modifier-selected: var(--bg1);
|
||||
--elevation-low: none !important;
|
||||
--background-message-hover: var(--bg2) !important;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar,
|
||||
::-webkit-scrollbar-track,
|
||||
::-webkit-scrollbar-track-handle,
|
||||
::-webkit-scrollbar-track-piece {
|
||||
border-color: rgba(0,0,0,0) !important;
|
||||
background-color: rgba(0,0,0,0) !important;
|
||||
}
|
||||
|
||||
[class*="peopleColumn"]{
|
||||
background-color: var(--bg2);
|
||||
}
|
||||
|
||||
[class*="section"]{
|
||||
background-color: var(--bg3);
|
||||
}
|
||||
|
||||
[class*="sidebar"] [class*="container"] [class*="header"] {
|
||||
background-color: var(--bg1) !important;
|
||||
box-shadow: 0 0 15px 0 rgba(0,0,0,0.2);
|
||||
}
|
||||
|
||||
[class*="sidebar"] > [class*="container"],
|
||||
[class*="members"][class*="scroller"] {
|
||||
box-shadow: inset 0 0 15px 0 rgba(0,0,0,0.2);
|
||||
}
|
||||
|
||||
[class*="scrollerWrap"] {
|
||||
border-radius: 10px !important;
|
||||
}
|
||||
|
||||
[class*="membersWrap"] {
|
||||
/*border-top-left-radius: 15px;*/
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
[class*="chatContent"] [class*="form"]{
|
||||
padding-top: 0.5rem;
|
||||
background-color: var(--bg1);
|
||||
box-shadow: 0 0 20px 0 rgba(0,0,0,0.3);
|
||||
}
|
||||
|
||||
[class*="textAreaSlate"] {
|
||||
background-color: var(--bg3);
|
||||
border-radius: 13px;
|
||||
color: var(--fg-2);
|
||||
box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
[class*="textAreaSlate"] > * {
|
||||
padding-left: 1rem;
|
||||
padding-right: 1rem;
|
||||
}
|
||||
|
||||
button[class*="lookFilled"] {
|
||||
background-color: var(--button) !important;
|
||||
}
|
||||
button[class*="buttonActive"][class*="lookFilled"] {
|
||||
background-color: var(--accent) !important;
|
||||
color: var(--bg1) !important;
|
||||
}
|
||||
|
||||
button[class*="lookLink"] {
|
||||
color: var(--fg1) !important;
|
||||
}
|
||||
|
||||
[class*="sprite"] {
|
||||
filter: brightness(80%) sepia(80%) saturate(60%) !important;
|
||||
}
|
||||
[class*="username"] {
|
||||
filter: sepia(30%) !important;
|
||||
transition: filter 0.2s;
|
||||
}
|
||||
[class*="username"]:hover {
|
||||
filter: sepia(20%) !important;
|
||||
}
|
||||
|
||||
img[class*="avatar"] {
|
||||
filter: sepia(30%) !important;
|
||||
transition: filter 0.1s, transform 0.1s ease-in-out;
|
||||
}
|
||||
img[class*="avatar"]:hover {
|
||||
filter: sepia(0%) !important;
|
||||
transform: scale(1.05);
|
||||
}
|
||||
|
||||
[class*="pictureInPictureWindow"] {
|
||||
box-shadow: 0 8px 15px 0px rgba(0, 0, 0, 0.5) !important;
|
||||
}
|
||||
|
||||
[class*="divider"] {
|
||||
border-color: var(--red) !important;
|
||||
}
|
||||
|
||||
[class*="unreadPill-"] {
|
||||
background-color: var(--red);
|
||||
}
|
||||
|
||||
[class*="unreadPillCap"] {
|
||||
fill: var(--red);
|
||||
}
|
||||
button[class*="lookFilled"] {
|
||||
color: var(--fg1) !important;
|
||||
}
|
||||
|
||||
[class*="live"][class*="textBadge"] {
|
||||
background-color: var(--red) !important;
|
||||
color: var(--fg1);
|
||||
}
|
||||
|
||||
/*[class*="modal"] [class*="inner"] {*/
|
||||
/*background-color: var(--bg1) !important;*/
|
||||
/*}*/
|
||||
/*[class*="uploadModal"] {*/
|
||||
/*background-color: red !important;*/
|
||||
/*}*/
|
||||
|
||||
[class*="modal"] [class*="queryContainer-"],
|
||||
[class*="modal"] [class*="resultsGroup-"],
|
||||
[class*="modal"] [class*="bodyInner-"],
|
||||
[class*="modal"] [class*="quickMessage-"],
|
||||
[class*="modal"] [class*="inner-"],
|
||||
[class*="modal"] [class*="header-"]:not(header):not(h2),
|
||||
[class*="modal"] [class*="uploadModal-"] {
|
||||
background-color: var(--bg1) !important;
|
||||
}
|
||||
[class*="modal"] [class*="footer-"] {
|
||||
background-color: var(--bg3) !important;
|
||||
filter: brightness(110%);
|
||||
}
|
||||
|
||||
/*[class*="mention"][class*="interactive"] {*/
|
||||
/*background-color: var(--green);*/
|
||||
/*color: var(--bg1);*/
|
||||
/*}*/
|
||||
|
||||
|
||||
[class*="panels"]>*:nth-child(2) {
|
||||
height: 4.6rem;
|
||||
padding-bottom: 0.5rem;
|
||||
}
|
||||
Loading…
Reference in a new issue