james/yarr
4
0
Fork 0
mirror of https://github.com/nkanaev/yarr.git synced 2025-05-25 13:39:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

themes

Browse Source
This commit is contained in:
Nazar Kanaev 2020-08-06 21:50:04 +01:00
parent 821d512f0a
commit b7d3980c01
1 changed files with 55 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

86
template/static/stylesheets/app.css
View File

@ -1,5 +1,5 @@
:root { :root {
--color-primary: #007bff; --color-primary: #0080d4;
} }
[v-cloak] { [v-cloak] {
@ -58,6 +58,10 @@ select.form-control:not([multiple]):not([size]) {
display: none; display: none;
} }
#settings-modal {
color: #212529 !important;
}
.settings-dropdown .dropdown-toggle { .settings-dropdown .dropdown-toggle {
padding-left: 0; padding-left: 0;
padding-right: 0; padding-right: 0;
@ -174,7 +178,6 @@ select.form-control:not([multiple]):not([size]) {
-moz-user-select: none; -moz-user-select: none;
-ms-user-select: none; -ms-user-select: none;
user-select: none; user-select: none;
} }
.selectgroup input { .selectgroup input {
@ -188,19 +191,26 @@ select.form-control:not([multiple]):not([size]) {
margin-top: .25rem; margin-top: .25rem;
} }
.selectgroup .selectgroup-label { .selectgroup-label {
padding: .375rem .5rem; padding: .375rem .5rem;
border-radius: 4px; border-radius: 4px;
} }
.selectgroup > .selectgroup-label:hover { .selectgroup-label:hover {
background-color: #f8f9fa;
cursor: pointer; cursor: pointer;
} }
.list-row:hover,
.toolbar-item:hover,
.toolbar-search:hover,
.selectgroup-label:hover,
.dropdown-item:hover {
background-color: #f0f0f0;
}
.selectgroup input:checked + .selectgroup-label { .selectgroup input:checked + .selectgroup-label {
background-color: var(--color-primary); background-color: var(--color-primary) !important;
color: white; color: white !important;
} }
.expanded { .expanded {
@ -277,10 +287,6 @@ select.form-control:not([multiple]):not([size]) {
cursor: default; cursor: default;
} }
.list-row:hover {
background-color: #f8f9fa;
}
.toolbar { .toolbar {
min-height: 2rem !important; min-height: 2rem !important;
max-height: 2rem !important; max-height: 2rem !important;
@ -301,10 +307,6 @@ select.form-control:not([multiple]):not([size]) {
text-align: center; text-align: center;
vertical-align: middle; vertical-align: middle;
border-radius: 3px; border-radius: 3px;
}
.toolbar-item:hover {
background-color: #f3f3f3;
cursor: pointer; cursor: pointer;
color: inherit; color: inherit;
} }
@ -397,14 +399,6 @@ select.form-control:not([multiple]):not([size]) {
background: #fff; background: #fff;
} }
.themepicker input[value=sepia] + .themepicker-label {
background: yellow;
}
.themepicker input[value=night] + .themepicker-label {
background: #111;
}
.themepicker + .themepicker { .themepicker + .themepicker {
margin-left: .5rem; margin-left: .5rem;
} }
@ -435,6 +429,10 @@ select.form-control:not([multiple]):not([size]) {
height: auto; height: auto;
} }
.content pre {
color: inherit;
}
.content a { .content a {
color: inherit; color: inherit;
text-decoration: underline; text-decoration: underline;
@ -449,17 +447,43 @@ select.form-control:not([multiple]):not([size]) {
overflow-x: scroll; overflow-x: scroll;
} }
/* theme */ /* theme: sepia */
.theme-light { .themepicker input[value=sepia] + .themepicker-label,
.theme-sepia,
.theme-sepia .toolbar-search {
background-color: #f4f0e5;
}
.theme-sepia .content hr,
.theme-sepia .border-right,
.theme-sepia .border-top {
border-color: #e0d6ba !important;
}
.theme-sepia .selectgroup-label:not(.appearance-option):hover,
.theme-sepia .toolbar-item:hover,
.theme-sepia .toolbar-search:hover,
.theme-sepia .toolbar-search:focus {
background-color: #e0d6ba;
} }
.theme-sepia { /* theme: night */
background-color: yellow;
.themepicker input[value=night] + .themepicker-label,
.theme-night,
.theme-night .toolbar-search {
color: #d1d1d1;
background-color: #0e0e0e;
} }
.theme-night { .theme-night .content hr,
background-color: black; .theme-night .border-right,
color: white; .theme-night .border-top {
border-color: #1a1a1a !important;
}
.theme-night .selectgroup-label:not(.appearance-option):hover,
.theme-night .toolbar-item:hover,
.theme-night .toolbar-search:hover,
.theme-night .toolbar-search:focus {
background-color: #1a1a1a;
} }