Mirrored_Repos/crafty-4
1
0
Fork 0
mirror of https://gitlab.com/crafty-controller/crafty-4.git synced 2024-08-30 18:23:09 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix color issues with dropdown

Browse Source
This commit is contained in:
Andrew 2022-09-26 21:24:00 -04:00
parent a5a81aa22a
commit 3eb87209de
5 changed files with 53 additions and 49 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
app/frontend/static/assets/css/crafty.css
View File

@ -1,11 +1,11 @@
.select-css option {
background-color: #1C1E2F;
color: white
background-color: var(--deep-bg);
color: var(--base-text)
}
.select-css option:checked {
background-color: #1C1E2F;
color: white
background-color: var(--deep-bg);
color: var(--base-text)
}

36
app/frontend/static/assets/css/dark/style.css
View File

@ -13,11 +13,12 @@
root,
:root.default {
--select-bg: #dee0f4;
--ram-bg: #323550;
--base-text: #b9c0d3;
--outline: #383e5d;
--card-banner-bg: #282a40;
--deep-bg: #1c1e2f;
--deep-bg: #1C1E2F;
--dropdown-bg: #222437;
--blue: #00aeef;
--indigo: #6610f2;
@ -65,6 +66,7 @@ root,
}
:root.light {
--select-bg: #dee0f4;
--ram-bg: #4d4d4e;
--base-text: black;
--outline: #383e5d;
@ -117,6 +119,7 @@ root,
}
:root.dark {
--select-bg: #dee0f4;
--ram-bg: #3d3d3d;
--base-text: #b9c0d3;
--outline: #3f3f3f;
@ -169,6 +172,7 @@ root,
}
:root.ronald {
--select-bg: #dee0f4;
--card-banner-bg: white;
--deep-bg: yellow;
--dropdown-bg: red;
@ -252,7 +256,7 @@ body {
line-height: 1.5;
color: var(--base-text);
text-align: left;
background-color: var(--base-text);
background-color: var(--select-bg);
}
[tabindex="-1"]:focus {
@ -699,7 +703,7 @@ mark,
.img-thumbnail {
padding: 0.25rem;
background-color: var(--base-text);
background-color: var(--select-bg);
border: 1px solid #dee2e6;
border-radius: 0.25rem;
max-width: 100%;
@ -2531,7 +2535,7 @@ pre code {
.tt-query:focus,
.typeahead:focus {
color: #495057;
background-color: var(--base-text);
background-color: var(--select-bg);
border-color: #80bdff;
outline: 0;
-webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
@ -5899,7 +5903,7 @@ input[type="button"].btn-block {
height: 1.25rem;
pointer-events: none;
content: "";
background-color: var(--base-text);
background-color: var(--select-bg);
border: #adb5bd solid 1px;
}
@ -5983,7 +5987,7 @@ input[type="button"].btn-block {
}
.custom-switch .custom-control-input:checked~.custom-control-label::after {
background-color: var(--base-text);
background-color: var(--select-bg);
-webkit-transform: translateX(1rem);
transform: translateX(1rem);
}
@ -6003,7 +6007,7 @@ input[type="button"].btn-block {
color: #495057;
vertical-align: middle;
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px;
background-color: var(--base-text);
background-color: var(--select-bg);
border: 1px solid #ced4da;
border-radius: 0.25rem;
-webkit-appearance: none;
@ -6101,7 +6105,7 @@ input[type="button"].btn-block {
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: var(--base-text);
background-color: var(--select-bg);
border: 1px solid #ced4da;
border-radius: 0.25rem;
}
@ -6367,7 +6371,7 @@ input[type="button"].btn-block {
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
color: #495057;
background-color: var(--base-text);
background-color: var(--select-bg);
border-color: #dee2e6 #dee2e6 #fff;
}
@ -7227,7 +7231,7 @@ input[type="button"].btn-block {
margin-left: -1px;
line-height: 1.25;
color: #007bff;
background-color: var(--base-text);
background-color: var(--select-bg);
border: 1px solid #dee2e6;
}
@ -7304,7 +7308,7 @@ input[type="button"].btn-block {
color: #6c757d;
pointer-events: none;
cursor: auto;
background-color: var(--base-text);
background-color: var(--select-bg);
border-color: #dee2e6;
}
@ -7885,7 +7889,7 @@ a.badge-dark.focus {
display: block;
padding: 0.75rem 1.25rem;
margin-bottom: -1px;
background-color: var(--base-text);
background-color: var(--select-bg);
border: 1px solid rgba(0, 0, 0, 0.125);
}
@ -7904,7 +7908,7 @@ a.badge-dark.focus {
.list-group-item:disabled {
color: #6c757d;
pointer-events: none;
background-color: var(--base-text);
background-color: var(--select-bg);
}
.list-group-item.active {
@ -8402,7 +8406,7 @@ a.close.disabled {
flex-direction: column;
width: 100%;
pointer-events: auto;
background-color: var(--base-text);
background-color: var(--select-bg);
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 0.3rem;
@ -9024,7 +9028,7 @@ a.close.disabled {
margin-left: 3px;
text-indent: -999px;
cursor: pointer;
background-color: var(--base-text);
background-color: var(--select-bg);
background-clip: padding-box;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
@ -27760,7 +27764,7 @@ div.tagsinput span.tag a {
}
.typeahead {
background-color: var(--base-text);
background-color: var(--select-bg);
}
.typeahead:focus {

4
app/frontend/static/assets/css/dark/style.css.map
View File

File diff suppressed because one or more lines are too long

52
app/frontend/static/assets/css/shared/style.css
View File

@ -215,7 +215,7 @@ body {
line-height: 1.5;
color: #212529;
text-align: left;
background-var(--base-text);
background: var(--base-text);
}
[tabindex="-1"]:focus {
@ -662,7 +662,7 @@ mark,
.img-thumbnail {
padding: 0.25rem;
background-var(--base-text);
background: var(--base-text);
border: 1px solid #dee2e6;
border-radius: 0.25rem;
max-width: 100%;
@ -2439,7 +2439,7 @@ pre code {
font-weight: 400;
line-height: 1;
color: #495057;
background-var(--base-text);
background: var(--base-text);
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: 2px;
@ -2494,7 +2494,7 @@ pre code {
.tt-query:focus,
.typeahead:focus {
color: #495057;
background-var(--base-text);
background: var(--base-text);
border-color: #80bdff;
outline: 0;
-webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
@ -2612,7 +2612,7 @@ select.tt-hint:focus::-ms-value,
select.tt-query:focus::-ms-value,
select.typeahead:focus::-ms-value {
color: #495057;
background-var(--base-text);
background: var(--base-text);
}
.form-control-file,
@ -4311,7 +4311,7 @@ input[type="button"].btn-block {
color: #212529;
text-align: left;
list-style: none;
background-var(--base-text);
background: var(--base-text);
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0.25rem;
@ -5862,7 +5862,7 @@ input[type="button"].btn-block {
height: 1.25rem;
pointer-events: none;
content: "";
background-var(--base-text);
background: var(--base-text);
border: #adb5bd solid 1px;
}
@ -5946,7 +5946,7 @@ input[type="button"].btn-block {
}
.custom-switch .custom-control-input:checked~.custom-control-label::after {
background-var(--base-text);
background: var(--base-text);
-webkit-transform: translateX(1rem);
transform: translateX(1rem);
}
@ -5966,7 +5966,7 @@ input[type="button"].btn-block {
color: #495057;
vertical-align: middle;
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px;
background-var(--base-text);
background: var(--base-text);
border: 1px solid #ced4da;
border-radius: 0.25rem;
-webkit-appearance: none;
@ -5983,7 +5983,7 @@ input[type="button"].btn-block {
.custom-select:focus::-ms-value {
color: #495057;
background-var(--base-text);
background: var(--base-text);
}
.custom-select[multiple],
@ -6064,7 +6064,7 @@ input[type="button"].btn-block {
font-weight: 400;
line-height: 1.5;
color: #495057;
background-var(--base-text);
background: var(--base-text);
border: 1px solid #ced4da;
border-radius: 0.25rem;
}
@ -6330,7 +6330,7 @@ input[type="button"].btn-block {
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
color: #495057;
background-var(--base-text);
background: var(--base-text);
border-color: #dee2e6 #dee2e6 #fff;
}
@ -6867,7 +6867,7 @@ input[type="button"].btn-block {
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-var(--base-text);
background: var(--base-text);
background-clip: border-box;
border: 1px solid rgba(0, 0, 0, 0.125);
border-radius: 0.25rem;
@ -7190,7 +7190,7 @@ input[type="button"].btn-block {
margin-left: -1px;
line-height: 1.25;
color: #007bff;
background-var(--base-text);
background: var(--base-text);
border: 1px solid #dee2e6;
}
@ -7267,7 +7267,7 @@ input[type="button"].btn-block {
color: #6c757d;
pointer-events: none;
cursor: auto;
background-var(--base-text);
background: var(--base-text);
border-color: #dee2e6;
}
@ -7848,7 +7848,7 @@ a.badge-dark.focus {
display: block;
padding: 0.75rem 1.25rem;
margin-bottom: -1px;
background-var(--base-text);
background: var(--base-text);
border: 1px solid rgba(0, 0, 0, 0.125);
}
@ -7867,7 +7867,7 @@ a.badge-dark.focus {
.list-group-item:disabled {
color: #6c757d;
pointer-events: none;
background-var(--base-text);
background: var(--base-text);
}
.list-group-item.active {
@ -8365,7 +8365,7 @@ a.close.disabled {
flex-direction: column;
width: 100%;
pointer-events: auto;
background-var(--base-text);
background: var(--base-text);
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 0.3rem;
@ -8643,7 +8643,7 @@ a.close.disabled {
line-break: auto;
font-size: 0.875rem;
word-wrap: break-word;
background-var(--base-text);
background: var(--base-text);
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 0.3rem;
@ -8987,7 +8987,7 @@ a.close.disabled {
margin-left: 3px;
text-indent: -999px;
cursor: pointer;
background-var(--base-text);
background: var(--base-text);
background-clip: padding-box;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
@ -9233,7 +9233,7 @@ button.bg-dark:focus,
}
.bg-white {
background-var(--base-text)fff !important;
background: var(--base-text)fff !important;
}
.bg-transparent {
@ -13433,7 +13433,7 @@ a.text-dark:focus {
.jsgrid .jsgrid-table td,
.table th,
.jsgrid .jsgrid-table th {
background-var(--base-text)fff !important;
background: var(--base-text)fff !important;
}
.table-bordered th,
@ -16626,7 +16626,7 @@ pre {
.ajax-upload-dragdrop .btn-inverse-light.ajax-file-upload,
.swal2-modal .swal2-buttonswrapper .btn-inverse-light.swal2-styled,
.wizard>.actions a.btn-inverse-light {
background-var(--base-text)fff;
background: var(--base-text)fff;
color: rgba(0, 0, 0, 0.5);
border-color: #d9d9d9;
}
@ -26251,7 +26251,7 @@ body.avgrund-active {
.swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-cancel {
margin-top: 32px;
background-var(--base-text)fff !important;
background: var(--base-text)fff !important;
border: 1px solid #dee2e6;
color: #212529;
font-weight: initial;
@ -26361,7 +26361,7 @@ div.tagsinput span.tag a {
}
.typeahead {
background-var(--base-text);
background: var(--base-text);
}
.typeahead:focus {
@ -26381,7 +26381,7 @@ div.tagsinput span.tag a {
width: 100%;
margin: 12px 0;
padding: 8px 0;
background-var(--base-text)fff;
background: var(--base-text)fff;
border: 1px solid #dee2e6;
border-radius: 8px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);

2
app/frontend/static/assets/css/shared/style.css.map
View File

File diff suppressed because one or more lines are too long