1
0
mirror of https://github.com/gilbN/theme.park.git synced 2024-08-17 07:29:37 +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 {
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;
border: 1px solid rgba(255, 255, 255, 0.2);
@ -541,7 +541,7 @@ h6,
select.form-control.select:focus,
select:focus {
color: var(--text-hover);
background: #1f1f1f !important;
background: var(--drop-down-menu-bg) !important;
}
.icon--selected {
@ -634,7 +634,7 @@ select:focus {
}
.dropdown-menu {
background: #1f1f1f !important;
background: var(--drop-down-menu-bg) !important;
}
.ReactModal__Content {
@ -656,6 +656,6 @@ select:focus {
}
.dropdown-menu {
background: #1f1f1f !important;
background: var(--drop-down-menu-bg) !important;
}
}

View File

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

View File

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

View File

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

View File

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

View File

@ -222,9 +222,9 @@ select {
}
select:focus {
background: #1f1f1f !important;
background: var(--drop-down-menu-bg) !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%);
}

View File

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

View File

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

View File

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

View File

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

View File

@ -374,9 +374,9 @@ div#t div#go:hover {
div select {
-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;
border: 1px solid #1f1f1f;
border: 1px solid var(--drop-down-menu-bg);
padding-right: 15px !important;
}

View File

@ -509,7 +509,7 @@ td.delete .dropdown>a .caret {
}
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 {
@ -967,13 +967,13 @@ input[type="date"]::-webkit-calendar-picker-indicator {
input[disabled],
select[disabled] {
background-color: #1f1f1f;
background-color: var(--drop-down-menu-bg);
opacity: .5;
}
input[disabled]:hover,
select[disabled]:hover {
background-color: #1f1f1f;
background-color: var(--drop-down-menu-bg);
opacity: .5;
}

View File

@ -278,7 +278,7 @@ td {
.dark .form-control:focus,
.form-select: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);
border-color: rgba(var(--accent-color), 0.25);
}

View File

@ -45,7 +45,7 @@ body,
html {
color: var(--text);
background: #1f1f1f !important;
background: var(--drop-down-menu-bg) !important;
}
/* 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 {
background: var(--modal-bg-color) !important;
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;
background: var(--drop-down-menu-bg)
}
[class*="theme--"].v-icon {

View File

@ -340,7 +340,7 @@ a:hover {
.form-control:focus {
color: var(--text-hover);
background: #1f1f1f;
background: var(--drop-down-menu-bg);
border-color: rgba(255, 255, 255, .15);
outline: 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-tooltipContainer-"],
[class*="Tooltip-tooltip-"][class*="Tooltip-default-"] {
background: #1f1f1f;
background: var(--drop-down-menu-bg);
color: #eee;
}