tyler.durden/dashy
1
0
Fork 0
mirror of https://github.com/Lissy93/dashy.git synced 2025-07-31 01:24:42 +02:00
Code Issues Packages Projects Releases Wiki Activity

💄 Improve UI for material theme in Workspace view

Browse Source
This commit is contained in:
Alicia Sykes 2021-08-28 13:43:45 +01:00
parent 23a5064d3d
commit 4f3e96c506
3 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/Workspace/SideBarItem.vue
View File

@ -46,8 +46,8 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
div.side-bar-item { div.side-bar-item {
color: var(--side-bar-color); color: var(--side-bar-item-color);
background: var(--side-bar-background); background: var(--side-bar-item-background);
text-align: center; text-align: center;
&.text-only { &.text-only {
background: none; background: none;

2
src/styles/color-palette.scss
View File

@ -73,6 +73,8 @@
--side-bar-background: var(--background-darker); --side-bar-background: var(--background-darker);
--side-bar-background-lighter: var(--background); --side-bar-background-lighter: var(--background);
--side-bar-color: var(--primary); --side-bar-color: var(--primary);
--side-bar-item-background: var(--side-bar-background);
--side-bar-item-color: var(--side-bar-color);
// Minimal view // Minimal view
--minimal-view-background-color: var(--background); --minimal-view-background-color: var(--background);
--minimal-view-title-color: var(--primary); --minimal-view-title-color: var(--primary);

6
src/styles/color-themes.scss
View File

@ -360,7 +360,7 @@ html[data-theme='material'], html[data-theme='material-dark'] {
padding: 0; padding: 0;
} }
/* Custom layout for medium and large icons */ /* Custom layout for medium and large icons */
.item:not(.size-small) { .item-wrapper .item:not(.size-small) {
display: flex; display: flex;
flex-direction: row-reverse; flex-direction: row-reverse;
justify-content: flex-end; justify-content: flex-end;
@ -510,6 +510,8 @@ html[data-theme='material'] {
--context-menu-secondary-color: #f5f5f5; --context-menu-secondary-color: #f5f5f5;
--transparent-white-50: #00000080; --transparent-white-50: #00000080;
--status-check-tooltip-background: #fff; --status-check-tooltip-background: #fff;
--side-bar-background-lighter: #0c4eba;
--side-bar-item-background: #f5f5f5;
--minimal-view-background-color: var(--background); --minimal-view-background-color: var(--background);
--minimal-view-title-color: var(--background-darker); --minimal-view-title-color: var(--background-darker);
@ -603,6 +605,8 @@ html[data-theme='material-dark'] {
--curve-factor: 2px; --curve-factor: 2px;
--curve-factor-navbar: 0; --curve-factor-navbar: 0;
--side-bar-background: #131a1f;
--welcome-popup-background: #131a1f; --welcome-popup-background: #131a1f;
--welcome-popup-text-color: var(--primary); --welcome-popup-text-color: var(--primary);
--config-settings-background: #131a1f; --config-settings-background: #131a1f;