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