dan/dribbblish-dynamic-theme
1
0
Fork 0
mirror of https://github.com/danbulant/dribbblish-dynamic-theme synced 2026-06-20 15:11:14 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Update release-stable to output generated at 0e50a92

Browse source
This commit is contained in:
SendNukez 2021-12-10 19:40:42 +00:00
parent 7516b47a7e
commit 72b5f245b8
4 changed files with 76 additions and 48 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
VERSION
View file

@ -1 +1 @@
4.1.0-61cbee1
4.1.1-0e50a92

2
color.ini
View file

@ -3,7 +3,7 @@ text = ffffff
subtext = f0f0f0
sidebar-text = ffffff
main = 000000
sidebar = 1ed760
sidebar = 121212
player = 000000
card = 000000
shadow = 202020

77
dribbblish-dynamic.js
View file

File diff suppressed because one or more lines are too long

43
user.css
View file

@ -41,12 +41,12 @@
}
@property --spice-sidebar {
syntax: "<color>";
initial-value: #1ed760;
initial-value: #121212;
inherits: true;
}
@property --spice-rgb-sidebar {
syntax: "<number>, <number>, <number>";
initial-value: 30, 215, 96;
initial-value: 18, 18, 18;
inherits: true;
}
@property --spice-player {
@ -253,14 +253,14 @@ button.main-button-primary:hover, button.main-button-primary:active {
button.main-button-primary span {
color: var(--spice-subtext) !important;
}
button.main-button-tertiary {
button.main-button-tertiary:not(.main-entityHeader-titleButton) {
color: var(--spice-subtext);
background-color: rgba(var(--spice-rgb-selected-row), calc(0.2 + 0.05 * var(--is_light))) !important;
}
button.main-button-tertiary:hover, button.main-button-tertiary:active {
button.main-button-tertiary:not(.main-entityHeader-titleButton):hover, button.main-button-tertiary:not(.main-entityHeader-titleButton):active {
background-color: rgba(var(--spice-rgb-selected-row), 0.6) !important;
}
button.main-button-tertiary span {
button.main-button-tertiary:not(.main-entityHeader-titleButton) span {
color: var(--spice-subtext) !important;
}
@ -688,32 +688,34 @@ input[type=color] {
pointer-events: none;
opacity: 0;
transition: opacity 1s ease-in;
color: var(--spice-subtext);
font-family: var(--glue-font-family);
font-size: 32px;
font-weight: 700;
}
#dribbblish-loader[active] {
opacity: 1;
pointer-events: all;
}
#dribbblish-loader::before {
z-index: -1;
content: "";
position: absolute;
inset: 0px;
background-color: rgba(var(--spice-rgb-main), calc(0.9 + -0.1 * var(--is_light)));
backdrop-filter: blur(10px);
}
#dribbblish-loader::after {
content: attr(text);
position: absolute;
bottom: 40%;
color: var(--spice-subtext);
font-family: var(--glue-font-family);
font-size: 32px;
font-weight: 700;
#dribbblish-loader > div {
display: flex;
flex-direction: column;
gap: 16px;
align-items: center;
}
#dribbblish-loader svg {
#dribbblish-loader > div svg {
animation: rotator 1.4s linear infinite;
}
#dribbblish-loader svg circle {
stroke: var(--spice-sidebar);
#dribbblish-loader > div svg circle {
stroke: var(--spice-text);
stroke-dasharray: 187;
stroke-dashoffset: 0;
transform-origin: center;
@ -835,6 +837,10 @@ generic-modal .GenericModal__overlay .GenericModal {
background-color: rgba(var(--spice-rgb-selected-row), 0.2) !important;
}
svg[icon-type=dribbblish] {
overflow: visible;
}
:root {
--bar-height: 70px;
--bar-cover-art-size: 40px;
@ -1389,6 +1395,7 @@ html.sidebar-hide-text .GlueDropTarget span {
transform: translateX(-50%);
padding: 0 5px;
text-align: center;
white-space: nowrap;
pointer-events: none;
border: 1px solid rgba(var(--spice-rgb-subtext), calc(0.1 + 0.1 * var(--is_light)));
border-radius: var(--main-corner-radius);
@ -2066,10 +2073,6 @@ html:not(.buddyfeed-visible) .Root__top-container::before {
display: none;
}
svg[type=dribbblish-icon] {
overflow: visible;
}
canvas[width="250"][height="250"] {
display: none;
}