dan/dribbblish-dynamic-theme
1
0
Fork 0
mirror of https://github.com/danbulant/dribbblish-dynamic-theme synced 2026-07-05 03:01:10 +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 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

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