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-beta to output generated at 9e73497

Browse source
This commit is contained in:
SendNukez 2021-12-04 14:22:01 +00:00
parent 3b9856aa99
commit b9de898780
3 changed files with 57 additions and 65 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
VERSION
View file

@ -1 +1 @@
Beta-0e946cf
Beta-9e73497

78
dribbblish-dynamic.js
View file

File diff suppressed because one or more lines are too long

42
user.css
View file

@ -267,13 +267,13 @@ button.main-button-tertiary span {
.x-toggle-indicatorWrapper {
background-color: rgba(var(--spice-rgb-subtext), 0.1);
}
input:hover ~ .x-toggle-indicatorWrapper {
input:not(:disabled):hover ~ .x-toggle-indicatorWrapper {
background-color: rgba(var(--spice-rgb-subtext), 0.15) !important;
}
input:checked ~ .x-toggle-indicatorWrapper {
background-color: rgba(var(--spice-rgb-selected-row), 0.4) !important;
}
input:hover:checked ~ .x-toggle-indicatorWrapper {
input:not(:disabled):hover:checked ~ .x-toggle-indicatorWrapper {
background-color: rgba(var(--spice-rgb-selected-row), 0.6) !important;
}
@ -286,13 +286,19 @@ input {
outline: none;
border: none;
}
textarea:hover, textarea:active,
select:hover,
select:active,
input:hover,
input:active {
textarea:not(:disabled):hover, textarea:not(:disabled):active,
select:not(:disabled):hover,
select:not(:disabled):active,
input:not(:disabled):hover,
input:not(:disabled):active {
background-color: rgba(var(--spice-rgb-selected-row), 0.6) !important;
}
textarea:disabled,
select:disabled,
input:disabled {
cursor: not-allowed;
opacity: 0.5 !important;
}
textarea::placeholder,
select::placeholder,
input::placeholder {
@ -304,20 +310,16 @@ textarea {
padding: 6px 10px;
}
select {
background-color: rgba(var(--spice-rgb-selected-row), 0.4) !important;
color: var(--spice-subtext);
}
select:hover, select:active {
background-color: rgba(var(--spice-rgb-selected-row), 0.6) !important;
}
select option {
select > option {
background: var(--spice-main) !important;
}
input {
padding: 6px 10px 6px 48px;
}
input[type=checkbox] {
opacity: 0 !important;
}
input[type=range] {
-webkit-appearance: none;
background: transparent;
@ -370,10 +372,6 @@ input[type=time]::-webkit-calendar-picker-indicator {
input[type=color] {
position: relative;
padding: 1px 3px;
background-color: rgba(var(--spice-rgb-selected-row), 0.4);
}
input[type=color]:hover, input[type=color]:active {
background-color: rgba(var(--spice-rgb-selected-row), 0.6);
}
#dribbblish-config {
@ -404,12 +402,16 @@ input[type=color]:hover, input[type=color]:active {
padding: 20px 15px;
border-radius: var(--main-corner-radius);
display: flex;
gap: 5px;
gap: 8px;
flex-direction: column;
align-items: center;
justify-content: center;
box-shadow: 0px 0px 8px rgba(var(--spice-rgb-subtext), calc(0.1 + 0.1 * var(--is_light)));
}
#dribbblish-config .dribbblish-config-container > h2 {
font-size: 32px;
line-height: 32px;
}
#dribbblish-config .dribbblish-config-container .dribbblish-config-close {
position: absolute;
padding: 0px;