dan/dribbblish-dynamic-theme
1
0
Fork 0
mirror of https://github.com/danbulant/dribbblish-dynamic-theme synced 2026-05-27 05:51:55 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Make input switches look better and fix friend hovering with square icons

Browse source
This commit is contained in:
Send_Nukez 2021-10-09 14:57:14 +02:00
parent 6c88ee761f
commit fbda1624b6
1 changed files with 20 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
user.css
View file

@ -337,6 +337,7 @@ span.artist-artistVerifiedBadge-badge svg > path:last-of-type {
.main-buddyFeed-buddyFeedRoot .main-buddyFeed-overlay { .main-buddyFeed-buddyFeedRoot .main-buddyFeed-overlay {
width: 32px !important; width: 32px !important;
height: 32px !important; height: 32px !important;
border-radius: var(--sidebar-icons-border-radius);
} }
.view-homeShortcutsGrid-shortcut { .view-homeShortcutsGrid-shortcut {
@ -349,21 +350,25 @@ span.artist-artistVerifiedBadge-badge svg > path:last-of-type {
} }
.cover-art, .cover-art,
.main-userWidget-box.upd-avail, .main-userWidget-box.update-avail,
.view-homeShortcutsGrid-shortcut, .view-homeShortcutsGrid-shortcut,
:not(.view-homeShortcutsGrid-imageWrapper) > .main-image-image:not(.main-avatar-image) { :not(.view-homeShortcutsGrid-imageWrapper) > .main-image-image:not(.main-avatar-image) {
border-radius: var(--image-radius) !important; border-radius: var(--image-radius) !important;
} }
.main-avatar-image, .main-avatar-image,
.main-userWidget-box:not(.upd-avail), .main-userWidget-box:not(.update-avail),
.main-avatar-userIcon, .main-avatar-userIcon,
.view-homeShortcutsGrid-shortcutLink { .view-homeShortcutsGrid-shortcutLink {
border-radius: var(--sidebar-icons-border-radius) !important; border-radius: var(--sidebar-icons-border-radius) !important;
} }
.main-userWidget-box { .main-userWidget-box {
background-color: transparent; background-color: transparent !important;
}
.main-userWidget-box.update-avail {
backdrop-filter: invert(0.1);
} }
.main-avatar-avatar.main-avatar-withBadge:after { .main-avatar-avatar.main-avatar-withBadge:after {
@ -532,11 +537,21 @@ html.sidebar-hide-text .GlueDropTarget span {
} }
.x-toggle-indicatorWrapper { .x-toggle-indicatorWrapper {
background-color: var(--spice-shadow); background-color: transparent;
backdrop-filter: invert(0.25);
}
input:checked~.x-toggle-indicatorWrapper {
background-color: rgba(var(--spice-rgb-button), 0.4);
}
input:hover:checked~.x-toggle-indicatorWrapper {
background-color: rgba(var(--spice-rgb-button), 0.5) !important;
} }
input:hover:not([disabled]):not(:active)~.x-toggle-indicatorWrapper { input:hover:not([disabled]):not(:active)~.x-toggle-indicatorWrapper {
background-color: var(--spice-button-active); background-color: transparent;
backdrop-filter: invert(0.4);
} }
/** */ /** */