diff --git a/client/src/app/app.component.scss b/client/src/app/app.component.scss index 3719952..c1abf77 100644 --- a/client/src/app/app.component.scss +++ b/client/src/app/app.component.scss @@ -201,13 +201,13 @@ header { body[cds-theme="dark"] { - .btn.btn-icon { + .btn.btn-icon.btn-dimmed { color: #7295ae; } } body[cds-theme="light"] { - .btn.btn-icon { + .btn.btn-icon.btn-dimmed { color: #314351; } @@ -264,6 +264,8 @@ header { } } + $darkBorderColor: #697c85; + body[cds-theme="dark"] { .ht_master tr:nth-of-type(odd) > td { filter: brightness(1.2); @@ -271,6 +273,30 @@ header { .ht_master:not(.emptyColumns) ~ .handsontable tbody tr th, .ht_master:not(.emptyColumns) ~ .handsontable:not(.ht_clone_top) thead tr th:first-child { background-color: #2d4048; + border-color: $darkBorderColor; + } + + .handsontable td { + // border-right: 1px solid #697c85; + // border-bottom: 1px solid #697c85; + border-color: $darkBorderColor; + } + + .handsontable tr:first-child th, .handsontable tr:first-child td { + border-color: $darkBorderColor; + } + + .handsontable .handsontable.ht_clone_top .wtHider { + border-color: $darkBorderColor; + } + + .handsontable .changeType { + background-color: #3c5662; + border-color: $darkBorderColor; + } + + .handsontableInput { + background-color: #708b98; } } diff --git a/client/src/app/editor/components/edit-record/edit-record.component.html b/client/src/app/editor/components/edit-record/edit-record.component.html index 73c5f84..1d5cba8 100644 --- a/client/src/app/editor/components/edit-record/edit-record.component.html +++ b/client/src/app/editor/components/edit-record/edit-record.component.html @@ -277,7 +277,7 @@