dan/dribbblish-dynamic-theme
1
0
Fork 0
mirror of https://github.com/danbulant/dribbblish-dynamic-theme synced 2026-07-10 13:41:38 +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 { .x-toggle-indicatorWrapper {
background-color: rgba(var(--spice-rgb-subtext), 0.1); 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; background-color: rgba(var(--spice-rgb-subtext), 0.15) !important;
} }
input:checked ~ .x-toggle-indicatorWrapper { input:checked ~ .x-toggle-indicatorWrapper {
background-color: rgba(var(--spice-rgb-selected-row), 0.4) !important; 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; background-color: rgba(var(--spice-rgb-selected-row), 0.6) !important;
} }
@ -286,13 +286,19 @@ input {
outline: none; outline: none;
border: none; border: none;
} }
textarea:hover, textarea:active, textarea:not(:disabled):hover, textarea:not(:disabled):active,
select:hover, select:not(:disabled):hover,
select:active, select:not(:disabled):active,
input:hover, input:not(:disabled):hover,
input:active { input:not(:disabled):active {
background-color: rgba(var(--spice-rgb-selected-row), 0.6) !important; 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, textarea::placeholder,
select::placeholder, select::placeholder,
input::placeholder { input::placeholder {
@ -304,20 +310,16 @@ textarea {
padding: 6px 10px; padding: 6px 10px;
} }
select { select > option {
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 {
background: var(--spice-main) !important; background: var(--spice-main) !important;
} }
input { input {
padding: 6px 10px 6px 48px; padding: 6px 10px 6px 48px;
} }
input[type=checkbox] {
opacity: 0 !important;
}
input[type=range] { input[type=range] {
-webkit-appearance: none; -webkit-appearance: none;
background: transparent; background: transparent;
@ -370,10 +372,6 @@ input[type=time]::-webkit-calendar-picker-indicator {
input[type=color] { input[type=color] {
position: relative; position: relative;
padding: 1px 3px; 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 { #dribbblish-config {
@ -404,12 +402,16 @@ input[type=color]:hover, input[type=color]:active {
padding: 20px 15px; padding: 20px 15px;
border-radius: var(--main-corner-radius); border-radius: var(--main-corner-radius);
display: flex; display: flex;
gap: 5px; gap: 8px;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
box-shadow: 0px 0px 8px rgba(var(--spice-rgb-subtext), calc(0.1 + 0.1 * var(--is_light))); 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 { #dribbblish-config .dribbblish-config-container .dribbblish-config-close {
position: absolute; position: absolute;
padding: 0px; padding: 0px;