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:
parent
c08d212c50
commit
24beeaa26c
@ -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;
|
||||
}
|
||||
}
|
@ -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;
|
||||
}
|
||||
|
||||
|
@ -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);
|
||||
}
|
||||
|
||||
|
@ -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;
|
||||
|
||||
|
@ -283,7 +283,7 @@ svg {
|
||||
}
|
||||
|
||||
select>option {
|
||||
background: #1f1f1f;
|
||||
background: var(--drop-down-menu-bg);
|
||||
}
|
||||
|
||||
#search #input {
|
||||
|
@ -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%);
|
||||
}
|
||||
|
||||
|
@ -551,7 +551,7 @@ select {
|
||||
}
|
||||
|
||||
select:focus {
|
||||
background: #1f1f1f;
|
||||
background: var(--drop-down-menu-bg);
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
|
@ -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,
|
||||
|
@ -179,7 +179,7 @@ label {
|
||||
}
|
||||
|
||||
select:focus {
|
||||
background: #1f1f1f;
|
||||
background: var(--drop-down-menu-bg);
|
||||
}
|
||||
|
||||
|
||||
|
@ -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 {
|
||||
|
@ -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;
|
||||
}
|
||||
|
||||
|
@ -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;
|
||||
}
|
||||
|
||||
|
@ -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);
|
||||
}
|
||||
|
@ -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 {
|
||||
|
@ -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);
|
||||
|
@ -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;
|
||||
}
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user