boiii/traxxx
1
0
Fork 0
forked from DebaucheryLibrarian/traxxx
Code Issues Pull Requests Projects Releases Wiki Activity

Refined dark theme.

Browse Source
This commit is contained in:
DebaucheryLibrarian
2021-03-23 20:37:20 +01:00
parent 8ff5a8c5e1
commit b2105c8fb0
9 changed files with 44 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
assets/components/filters/filter-bar.vue
View File

@@ -128,12 +128,17 @@ export default {
.filter-mode {
width: 100%;
color: var(--shadow);
background: none;
padding: .75rem;
margin: 0 0 .5rem 0;
font-size: 1rem;
border: none;
border-bottom: solid 1px var(--shadow-hint);
option {
color: var(--text-dark);
}
}
.filter-clear {
@@ -141,25 +146,25 @@ export default {
align-items: center;
justify-content: space-between;
padding: .5rem 1rem;
color: var(--darken-weak);
color: var(--shadow-weak);
text-decoration: none;
cursor: default;
.icon {
fill: var(--darken-hint);
fill: var(--shadow-hint);
margin: 0 0 0 1rem;
}
&.active {
color: var(--darken);
color: var(--shadow);
.icon {
fill: var(--darken-weak);
fill: var(--shadow-weak);
}
&:hover {
color: var(--text);
background: var(--darken-hint);
background: var(--shadow-hint);
cursor: pointer;
.icon {
@@ -174,7 +179,7 @@ export default {
align-items: center;
&:hover {
background: var(--darken-hint);
background: var(--shadow-hint);
cursor: pointer;
}
@@ -202,7 +207,7 @@ export default {
width: 1rem;
height: 1rem;
padding: .5rem 1rem;
fill: var(--darken-hint);
fill: var(--shadow-hint);
}
.filter-remove {
@@ -226,7 +231,7 @@ export default {
.filter-include:hover,
.filter-name:hover {
background: var(--darken-hint);
background: var(--shadow-hint);
}
@media(max-width: $breakpoint-small) {
@@ -299,7 +304,6 @@ export default {
}
}
.filters {
flex-shrink: 0;
}