josh/dashy
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Wrote a ton of color themes

Browse Source
This commit is contained in:
Alicia Sykes
2021-04-15 19:30:30 +01:00
parent 8b3d3cab88
commit 7f3e8dd818
17 changed files with 209 additions and 94 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/Settings/ItemSizeSelector.vue
View File

@@ -46,14 +46,14 @@ export default {
<style scoped lang="scss">
span.options-label {
color: var(--primary);
color: var(--settings-text-color);
}
.display-options {
color: var(--primary);
color: var(--settings-text-color);
svg {
path {
fill: var(--primary);
fill: var(--settings-text-color);
}
width: 1rem;
height: 1rem;
@@ -65,7 +65,7 @@ span.options-label {
border-radius: var(--curve-factor);
cursor: pointer;
&:hover, &.selected {
background: var(--primary);
background: var(--settings-text-color);
path { fill: var(--background); }
}
}

8
src/components/Settings/LayoutSelector.vue
View File

@@ -46,14 +46,14 @@ export default {
<style scoped lang="scss">
span.options-label {
color: var(--primary);
color: var(--settings-text-color);
}
.display-options {
color: var(--primary);
color: var(--settings-text-color);
svg {
path {
fill: var(--primary);
fill: var(--settings-text-color);
}
width: 1rem;
height: 1rem;
@@ -65,7 +65,7 @@ span.options-label {
border-radius: var(--curve-factor);
cursor: pointer;
&:hover, &.selected {
background: var(--primary);
background: var(--settings-text-color);
path { fill: var(--background); }
}
}

10
src/components/Settings/SearchBar.vue
View File

@@ -66,10 +66,10 @@ export default {
align-items: center;
border-radius: 0 0 var(--curve-factor-navbar) 0;
padding: 0 0.2rem 0.2rem 0;
background: var(--background-darker);
background: var(--search-container-background);
label {
display: inline;
color: var(--primary);
color: var(--settings-text-color);
margin: 0.5rem;
display: inline;
}
@@ -83,16 +83,16 @@ export default {
border: none;
border-radius: var(--curve-factor);
background: var(--background);
color: var(--primary);
color: var(--settings-text-color);
border: 1px solid var(--outline-color);
&:focus {
border-color: var(--primary);
border-color: var(--settings-text-color);
opacity: var(--dimming-factor);
}
}
.clear-search {
position: absolute;
color: var(--primary);
color: var(--settings-text-color);
margin: 0.55rem 0 0 -2.2rem;
padding: 0 0.4rem;
font-style: normal;

2
src/components/Settings/SettingsContainer.vue
View File

@@ -68,7 +68,7 @@ export default {
flex: 1;
padding: 0.5rem 1rem;
border-radius: var(--curve-factor-navbar) 0 0;
background: var(--background);
background: var(--settings-background);
div {
margin-left: 0.5rem;
opacity: var(--dimming-factor);

13
src/components/Settings/ThemeSelector.vue
View File

@@ -91,24 +91,27 @@ export default {
.theme-dropdown {
div.vs__dropdown-toggle {
border-color: var(--primary);
border-color: var(--settings-text-color);
border-radius: var(--curve-factor);
min-width: 10rem;
height: 1.8rem;
font-size: 0.85rem;
cursor: pointer;
}
span.vs__selected, li.vs__dropdown-option {
color: var(--primary);
color: var(--settings-text-color);
text-transform: capitalize;
}
svg.vs__open-indicator {
fill: var(--primary);
fill: var(--settings-text-color);
}
ul.vs__dropdown-menu {
width: auto;
background: var(--background);
z-index: 5;
}
li.vs__dropdown-option--highlight {
background: var(--primary);
background: var(--settings-text-color);
color: var(--background);
}
button.vs__clear {
@@ -123,7 +126,7 @@ export default {
height: 100%;
span.theme-label {
font-size: 1rem;
color: var(--primary);
color: var(--settings-text-color);
margin: 1px 0 2px 0;
}
}