1
0
mirror of https://github.com/gilbN/theme.park.git synced 2024-09-11 19:32:24 +02:00

fix: 💄 Remove hardcode select bg

This commit is contained in:
GilbN 2022-04-30 11:09:20 +02:00
parent c08d212c50
commit 24beeaa26c
16 changed files with 28 additions and 35 deletions

View File

@ -532,7 +532,7 @@ h6,
.custom-select:focus { .custom-select:focus {
color: var(--text-hover); color: var(--text-hover);
background: #1f1f1f url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxMCA1Jz48cGF0aCBmaWxsPScjOTk5JyBkPSdNMCAwTDEwIDBMNSA1TDAgMCcvPjwvc3ZnPg==") no-repeat right 0.75rem center; background: var(--drop-down-menu-bg) url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxMCA1Jz48cGF0aCBmaWxsPScjOTk5JyBkPSdNMCAwTDEwIDBMNSA1TDAgMCcvPjwvc3ZnPg==") no-repeat right 0.75rem center;
background-size: 8px 10px; background-size: 8px 10px;
border: 1px solid rgba(255, 255, 255, 0.2); border: 1px solid rgba(255, 255, 255, 0.2);
@ -541,7 +541,7 @@ h6,
select.form-control.select:focus, select.form-control.select:focus,
select:focus { select:focus {
color: var(--text-hover); color: var(--text-hover);
background: #1f1f1f !important; background: var(--drop-down-menu-bg) !important;
} }
.icon--selected { .icon--selected {
@ -634,7 +634,7 @@ select:focus {
} }
.dropdown-menu { .dropdown-menu {
background: #1f1f1f !important; background: var(--drop-down-menu-bg) !important;
} }
.ReactModal__Content { .ReactModal__Content {
@ -656,6 +656,6 @@ select:focus {
} }
.dropdown-menu { .dropdown-menu {
background: #1f1f1f !important; background: var(--drop-down-menu-bg) !important;
} }
} }

View File

@ -421,7 +421,7 @@ hr {
} }
.popover { .popover {
background-color: #1f1f1f; background-color: var(--drop-down-menu-bg);
border: 1px solid var(--transparency-light-20); border: 1px solid var(--transparency-light-20);
} }
@ -431,7 +431,7 @@ hr {
} }
.popover-header { .popover-header {
background-color: #1f1f1f; background-color: var(--drop-down-menu-bg);
border-bottom: 1px solid var(--transparency-light-10); border-bottom: 1px solid var(--transparency-light-10);
} }
@ -797,7 +797,7 @@ input {
/* RECHARTS */ /* RECHARTS */
.recharts-default-tooltip { .recharts-default-tooltip {
background: #1f1f1f !important; background: var(--drop-down-menu-bg) !important;
border: transparent !important; border: transparent !important;
} }

View File

@ -296,7 +296,7 @@ html[class*="theme_"] .form-control:disabled,
} }
select:focus { select:focus {
background: #1f1f1f !important; background: var(--drop-down-menu-bg) !important;
} }
/* DROPDOWN MENU */ /* DROPDOWN MENU */
@ -319,7 +319,7 @@ html[class*="theme_"] .navbar .dropdown-menu .dropdown-item-text {
html[class*="theme_"] .dropdown-menu, html[class*="theme_"] .dropdown-menu,
html[class*="theme_"] .dropdown-item { html[class*="theme_"] .dropdown-item {
background: #1f1f1f; background: var(--drop-down-menu-bg);
color: var(--text-hover); color: var(--text-hover);
} }

View File

@ -167,7 +167,7 @@ form.styled textarea:focus {
select:focus, select:focus,
form.styled select:focus, form.styled select:focus,
form.styled .input.select select:focus { form.styled .input.select select:focus {
background: #1f1f1f; background: var(--drop-down-menu-bg);
color: var(--text-hover); color: var(--text-hover);
border: none; border: none;

View File

@ -283,7 +283,7 @@ svg {
} }
select>option { select>option {
background: #1f1f1f; background: var(--drop-down-menu-bg);
} }
#search #input { #search #input {

View File

@ -222,9 +222,9 @@ select {
} }
select:focus { select:focus {
background: #1f1f1f !important; background: var(--drop-down-menu-bg) !important;
color: var(--text) !important; color: var(--text) !important;
border: 1px solid #1f1f1f !important; border: 1px solid var(--drop-down-menu-bg) !important;
-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
} }

View File

@ -551,7 +551,7 @@ select {
} }
select:focus { select:focus {
background: #1f1f1f; background: var(--drop-down-menu-bg);
color: var(--text); color: var(--text);
} }

View File

@ -315,7 +315,7 @@ h6 {
/* forms */ /* forms */
select.form-control:focus { select.form-control:focus {
box-shadow: none; box-shadow: none;
background: #1f1f1f; background: var(--drop-down-menu-bg);
border: 1px solid rgba(120, 130, 140, 0.4); border: 1px solid rgba(120, 130, 140, 0.4);
} }
@ -2255,7 +2255,7 @@ fieldset[disabled] .form-control {
.fc-unthemed .fc-divider, .fc-unthemed .fc-divider,
.fc-unthemed .fc-popover .fc-header { .fc-unthemed .fc-popover .fc-header {
background: #1f1f1f; background: var(--drop-down-menu-bg);
} }
.table-hover>tbody>tr:hover, .table-hover>tbody>tr:hover,

View File

@ -179,7 +179,7 @@ label {
} }
select:focus { select:focus {
background: #1f1f1f; background: var(--drop-down-menu-bg);
} }

View File

@ -443,7 +443,7 @@ fieldset[disabled] .btn-primary:hover {
/* FORM CONTROL */ /* FORM CONTROL */
select:focus, select.form-control:focus { select:focus, select.form-control:focus {
background: #1f1f1f !important; background: var(--drop-down-menu-bg) !important;
} }
.form-control { .form-control {

View File

@ -374,9 +374,9 @@ div#t div#go:hover {
div select { div select {
-webkit-appearance: none !important; -webkit-appearance: none !important;
background: #1f1f1f url(/resources/rutorrent/dropdown.png) no-repeat 0 0; background: var(--drop-down-menu-bg) url(/resources/rutorrent/dropdown.png) no-repeat 0 0;
background-position: right; background-position: right;
border: 1px solid #1f1f1f; border: 1px solid var(--drop-down-menu-bg);
padding-right: 15px !important; padding-right: 15px !important;
} }

View File

@ -509,7 +509,7 @@ td.delete .dropdown>a .caret {
} }
tbody.no-downloads tr td { tbody.no-downloads tr td {
border-bottom: 1px solid #1f1f1f !important; border-bottom: 1px solid var(--drop-down-menu-bg) !important;
} }
tbody>tr>td:last-child { tbody>tr>td:last-child {
@ -967,13 +967,13 @@ input[type="date"]::-webkit-calendar-picker-indicator {
input[disabled], input[disabled],
select[disabled] { select[disabled] {
background-color: #1f1f1f; background-color: var(--drop-down-menu-bg);
opacity: .5; opacity: .5;
} }
input[disabled]:hover, input[disabled]:hover,
select[disabled]:hover { select[disabled]:hover {
background-color: #1f1f1f; background-color: var(--drop-down-menu-bg);
opacity: .5; opacity: .5;
} }

View File

@ -278,7 +278,7 @@ td {
.dark .form-control:focus, .dark .form-control:focus,
.form-select:focus, .form-select:focus,
.form-control:focus { .form-control:focus {
background: #1f1f1f; background: var(--drop-down-menu-bg);
box-shadow: 0 0 0 0.25rem rgba(var(--accent-color), 0.25); box-shadow: 0 0 0 0.25rem rgba(var(--accent-color), 0.25);
border-color: rgba(var(--accent-color), 0.25); border-color: rgba(var(--accent-color), 0.25);
} }

View File

@ -45,7 +45,7 @@ body,
html { html {
color: var(--text); color: var(--text);
background: #1f1f1f !important; background: var(--drop-down-menu-bg) !important;
} }
/* SCROLL BAR */ /* SCROLL BAR */
@ -422,14 +422,7 @@ button>.v-btn--is-elevated .v-btn--has-bg.v-icon__svg {
} }
.v-menu__content [class*="theme--"][class*="theme--"].v-list { .v-menu__content [class*="theme--"][class*="theme--"].v-list {
background: var(--modal-bg-color) !important; background: var(--drop-down-menu-bg)
background-repeat: repeat, no-repeat;
background-attachment: fixed, fixed;
background-position: center center, center center;
background-size: auto, cover;
-webkit-background-size: auto, cover;
-moz-background-size: auto, cover;
-o-background-size: auto, cover;
} }
[class*="theme--"].v-icon { [class*="theme--"].v-icon {

View File

@ -340,7 +340,7 @@ a:hover {
.form-control:focus { .form-control:focus {
color: var(--text-hover); color: var(--text-hover);
background: #1f1f1f; background: var(--drop-down-menu-bg);
border-color: rgba(255, 255, 255, .15); border-color: rgba(255, 255, 255, .15);
outline: 0; outline: 0;
box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0); box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0);

View File

@ -328,7 +328,7 @@ a:hover {
[class*="Tooltip-body-"], [class*="Tooltip-body-"],
[class*="Tooltip-tooltipContainer-"], [class*="Tooltip-tooltipContainer-"],
[class*="Tooltip-tooltip-"][class*="Tooltip-default-"] { [class*="Tooltip-tooltip-"][class*="Tooltip-default-"] {
background: #1f1f1f; background: var(--drop-down-menu-bg);
color: #eee; color: #eee;
} }