diff --git a/src/renderer/themes/default.scss b/src/renderer/themes/default.scss index a02d5b54..251673d9 100644 --- a/src/renderer/themes/default.scss +++ b/src/renderer/themes/default.scss @@ -2,14 +2,14 @@ --root-font-size: 12px; --icon-color: rgb(255, 255, 255); - --primary-color: rgb(5, 109, 255); + --primary-color: rgb(25, 88, 248); --secondary-color: rgb(255, 120, 120); --success-color: green; --warning-color: orange; --danger-color: rgb(204, 50, 50); - --generic-border-color: rgba(50, 50, 50, 0.7); + --generic-border-color: rgba(50, 50, 50, 0.3); - --main-bg: rgb(20, 20, 20); + --main-bg: rgb(18, 18, 18); --main-fg: rgb(245, 245, 245); --main-fg-secondary: rgb(150, 150, 150); @@ -17,8 +17,8 @@ --titlebar-bg: rgb(7, 7, 7); --sidebar-bg: rgb(0, 0, 0); - --sidebar-btn-color: rgb(255, 255, 255); - --sidebar-btn-color-hover: #dddddd; + --sidebar-fg: rgb(255, 255, 255); + --sidebar-fg-hover: #dddddd; --sidebar-handle-bg: #4d4d4d; --sidebar-border: none; @@ -53,7 +53,7 @@ --btn-subtle-bg: transparent; --btn-subtle-bg-hover: transparent; - --btn-subtle-fg: rgb(200, 200, 200); + --btn-subtle-fg: rgb(220, 220, 220); --btn-subtle-fg-hover: rgb(255, 255, 255); --input-bg: rgb(35, 35, 35); @@ -62,9 +62,9 @@ --input-active-fg: rgb(193, 193, 193); --input-active-bg: rgba(255, 255, 255, 0.1); - --dropdown-menu-bg: rgb(24, 24, 24); + --dropdown-menu-bg: rgb(36, 36, 36); --dropdown-menu-fg: rgb(220, 220, 220); - --dropdown-menu-bg-hover: rgb(37, 38, 43); + --dropdown-menu-bg-hover: rgb(46, 46, 46); --dropdown-menu-border: none; --dropdown-menu-border-radius: 4px; @@ -114,6 +114,13 @@ --ag-selected-row-background-color: rgba(100, 100, 100, 0.4); } + .ag-header-cell-resize { + background-color: rgb(70, 70, 70, 0.4); + height: 50%; + top: 25%; + width: 7px; + } + .ag-header-cell-label { font-family: var(--content-font-family); font-weight: 600; diff --git a/src/renderer/themes/light.scss b/src/renderer/themes/light.scss index 1d149de6..a0416f85 100644 --- a/src/renderer/themes/light.scss +++ b/src/renderer/themes/light.scss @@ -1,4 +1,4 @@ -body[data-theme="defaultLight"] { +body[data-theme='defaultLight'] { --primary-color: rgb(79, 149, 255); --icon-color: #ffffff; @@ -10,8 +10,8 @@ body[data-theme="defaultLight"] { --titlebar-bg: rgb(227, 229, 232); --sidebar-bg: rgb(240, 241, 242); - --sidebar-btn-color: rgb(0, 0, 0); - --sidebar-btn-color-hover: rgb(0, 0, 0); + --sidebar-fg: rgb(0, 0, 0); + --sidebar-fg-hover: rgb(0, 0, 0); --sidebar-handle-bg: #4d4d4d; --playerbar-bg: linear-gradient( @@ -48,9 +48,9 @@ body[data-theme="defaultLight"] { --btn-default-fg-hover: rgb(50, 50, 50); --btn-subtle-bg: transparent; - --btn-subtle-bg-hover: rgba(100, 100, 100, 0.1); - --btn-subtle-fg: rgb(60, 60, 60); - --btn-subtle-fg-hover: rgb(30, 30, 30); + --btn-subtle-bg-hover: transparent; + --btn-subtle-fg: rgb(80, 80, 80); + --btn-subtle-fg-hover: rgb(0, 0, 0); --input-bg: rgb(240, 241, 242); --input-fg: rgb(0, 0, 0);