Light theme support, Bluer Accent, Icon changes

And many more adjustments!
This commit is contained in:
Vozer
2022-06-28 14:07:25 -05:00
committed by GitHub
parent 740c3ffcca
commit 0978928aa2
12 changed files with 536 additions and 33 deletions
+57
View File
@@ -15,6 +15,15 @@
border-right: .5px solid black;
}
.theme-light {
.scroller-WSmht3, .scroller-1ox3I2, .container-1zzFcN {
border-right: .5px solid rgba(186, 186, 186, 0.386);
}
.item-3XjbnG .selected-g-kMVV .channelName-3KPsGw, .modeSelected-3DmyhH .channelName-3KPsGw {
color: white;
}
}
/* User Settings */
.container-YkUktl {
background: rgba(0, 0, 0, 0.436);
@@ -31,9 +40,31 @@
border-right: .5px solid black;
}
.theme-light {
.container-YkUktl {
background: rgba(226, 221, 225, 0.89);
box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.146);
border: 1px solid rgba(249, 249, 249, 0.772);
backdrop-filter: blur(10px);
border-radius: 20px;
margin-bottom: 18px;
margin-right: 5px;
margin-left: 2px;
}
.panels-3wFtMD {
background-color: #00000000;
border-right: .5px solid rgba(186, 186, 186, 0.386);
}
}
.searchBar-3TnChZ {
border-right: .5px solid black;
}
.theme-light {
.searchBar-3TnChZ {
border-right: .5px solid rgba(186, 186, 186, 0.386);
}
}
.interactiveSelected-29CP8y {
background: var(--accent-selected) !important;
backdrop-filter: blur(20px);
@@ -65,11 +96,23 @@
border-radius: 5px 5px 5px 5px;
}
.theme-light {
.mainContent-uDGa6R .overflow-1wOqNV {
color:black;
}
}
/* Members Side Bar */
.membersWrap-3NUR2t {
border-left: .5px solid rgb(0, 0, 0);
}
.theme-light {
.membersWrap-3NUR2t {
border-left: .5px solid rgba(186, 186, 186, 0.386);
}
}
/* Voice Chat Controls */
.wrapper-3Hk9OB .container-1zzFcN{
background: rgba(0, 0, 0, 0.436);
@@ -82,6 +125,20 @@
margin-bottom: 6px;
overflow-y: hidden;
overflow-x: hidden;
}
.theme-light {
.wrapper-3Hk9OB .container-1zzFcN{
background: rgba(231, 234, 237, 0.436) !important;
backdrop-filter: blur(20px);
box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.146);
border: 1px solid rgba(249, 249, 249, 0.772);
border-radius: 20px;
margin-right: 15px;
margin-left: 15px;
margin-bottom: 6px;
overflow-y: hidden;
overflow-x: hidden;
}
}
.buttonContents-y1l-R8 {
font-size: 0px;