diff --git a/zero.Web.UI/App/components/header-bar.vue b/zero.Web.UI/App/components/header-bar.vue index d2a854f5..c9022eb2 100644 --- a/zero.Web.UI/App/components/header-bar.vue +++ b/zero.Web.UI/App/components/header-bar.vue @@ -160,7 +160,7 @@ font-size: 11px; font-weight: 700; text-transform: uppercase; - background: var(--color-bg-shade-5); + background: var(--color-bg-shade-3); //box-shadow: var(--shadow-short); color: var(--color-text); height: 22px; diff --git a/zero.Web.UI/App/components/tables/table-filter-overlay.vue b/zero.Web.UI/App/components/tables/table-filter-overlay.vue index b0e462e9..2d697096 100644 --- a/zero.Web.UI/App/components/tables/table-filter-overlay.vue +++ b/zero.Web.UI/App/components/tables/table-filter-overlay.vue @@ -188,4 +188,9 @@ { margin-top: 12px !important; } + + .ui-table-filter-overlay .ui-select-button-description + { + color: var(--color-primary); + } \ No newline at end of file diff --git a/zero.Web.UI/App/components/tables/table.scss b/zero.Web.UI/App/components/tables/table.scss index 2b48c56b..9ba8ec8a 100644 --- a/zero.Web.UI/App/components/tables/table.scss +++ b/zero.Web.UI/App/components/tables/table.scss @@ -63,6 +63,7 @@ a.ui-table-row:hover //border-bottom: 1px solid var(--color-line); z-index: 2; background: var(--color-table-head); + /*border-bottom: 2px solid var(--color-bg);*/ .ui-table-cell { diff --git a/zero.Web.UI/Sass/Canvas/_canvas.scss b/zero.Web.UI/Sass/Canvas/_canvas.scss index 5d8e8a6a..8c2eb90d 100644 --- a/zero.Web.UI/Sass/Canvas/_canvas.scss +++ b/zero.Web.UI/Sass/Canvas/_canvas.scss @@ -39,6 +39,12 @@ body display: grid; grid-template-columns: auto 1fr; justify-content: stretch; + grid-gap: 3px; +} + +.theme-rounded .app +{ + grid-gap: 0; } .app-main diff --git a/zero.Web.UI/Sass/Settings/_theme-dark.scss b/zero.Web.UI/Sass/Settings/_theme-dark.scss index 1fc4b667..62699823 100644 --- a/zero.Web.UI/Sass/Settings/_theme-dark.scss +++ b/zero.Web.UI/Sass/Settings/_theme-dark.scss @@ -12,7 +12,7 @@ // foreground colors $color-fg: #fff; - $color-fg-shade-1: #7b848a; // dim + $color-fg-shade-1: #7d858a; // dim $color-fg-shade-2: #8c9094; // dim-two // background colors @@ -108,7 +108,7 @@ --color-table: #{$color-bg-shade-1}; --color-table-line-horizontal: transparent; //#{$color-bg-shade-3}; --color-table-line-vertical: transparent; - --color-table-head: #{$color-bg-shade-2}; + --color-table-head: #{$color-bg-shade-3}; --color-table-hover: #{$color-bg-shade-2}; // misc