From 23784b3295dd8a5016a6605dbc287d911047478a Mon Sep 17 00:00:00 2001 From: Cotes Chung <11371340+cotes2020@users.noreply.github.com> Date: Mon, 6 Apr 2020 05:15:12 +0800 Subject: [PATCH] Optimized table color. --- assets/css/_colors/dark-typography.scss | 3 +-- assets/css/_colors/light-typography.scss | 2 +- assets/css/main.scss | 6 +++--- 3 files changed, 5 insertions(+), 6 deletions(-) diff --git a/assets/css/_colors/dark-typography.scss b/assets/css/_colors/dark-typography.scss index 5c785c8..ca4cf6d 100644 --- a/assets/css/_colors/dark-typography.scss +++ b/assets/css/_colors/dark-typography.scss @@ -58,8 +58,7 @@ --tag-hover: rgb(43, 56, 62); --tb-odd-bg: rgba(52, 53, 42, 0.52); /* odd rows of the posts' table */ --tb-even-bg: rgb(31, 31, 34); /* even rows of the posts' table */ - --tb-even-border-color: var(--tb-odd-bg); - --tb-even-border-color: var(--tb-odd-bg); + --tb-border-color: var(--tb-odd-bg); --footnote-target-bg: rgb(63, 81, 181); --btn-share-color: #6c757d; --btn-share-hover-color: #bfc1ca; diff --git a/assets/css/_colors/light-typography.scss b/assets/css/_colors/light-typography.scss index 5845cee..b0c720c 100644 --- a/assets/css/_colors/light-typography.scss +++ b/assets/css/_colors/light-typography.scss @@ -32,7 +32,7 @@ --tb-odd-bg: #fbfcfd; - --tb-even-border-color: rgba(210, 215, 217, 0.75); + --tb-border-color: #f2f3f3; --button-bg: #fff; diff --git a/assets/css/main.scss b/assets/css/main.scss index 43a3be9..8dd1670 100644 --- a/assets/css/main.scss +++ b/assets/css/main.scss @@ -791,12 +791,12 @@ table { &:nth-child(2n) { background-color: var(--tb-even-bg); } - &:last-child:nth-child(2n) { - border-bottom: solid 1px var(--tb-even-border-color); - } &:nth-child(2n + 1) { background-color: var(--tb-odd-bg); } + & { + border-bottom: 1px solid var(--tb-border-color); + } } th { @extend %table-cell;