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

Update release-beta to output generated at 4dd2d42

Browse source
This commit is contained in:
SendNukez 2021-12-10 19:06:34 +00:00
parent 596f0e6003
commit 1d8a88c65c
4 changed files with 27 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
VERSION
View file

@ -1 +1 @@
Beta-6c84a84
Beta-4dd2d42

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

17
dribbblish-dynamic.js
View file

File diff suppressed because one or more lines are too long

28
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 {
@ -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;