From 40e9b39cd9d0c1d7c83d88b77acf552403632990 Mon Sep 17 00:00:00 2001 From: Brecht Van Lommel Date: Sun, 29 Jan 2023 16:50:44 +0100 Subject: [PATCH] UI: small tweaks to theme * Restore divide line below secondary nav bar, so that e.g. Issues is not in the same space as the per repository Issues. * Make secondary nav bar slightly more compact. * Restore colored owner/repository name since this is information worth highlighting to understand the context of what you're looking at. * Slightly reduce contrast on divider lines. * Fix inconsistent number pills styling on pull request page. --- public/css/theme-bthree-dark.css | 23 +++++++++++++---------- 1 file changed, 13 insertions(+), 10 deletions(-) diff --git a/public/css/theme-bthree-dark.css b/public/css/theme-bthree-dark.css index ddd2d0e..42b6795 100644 --- a/public/css/theme-bthree-dark.css +++ b/public/css/theme-bthree-dark.css @@ -85,7 +85,7 @@ --color-secondary-alpha-10: hsla(213, 12%, 30.6%, 0.1); --color-secondary-alpha-20: hsla(213, 12%, 30.6%, 0.2); --color-secondary-alpha-30: hsla(213, 12%, 30.6%, 0.3); - --color-secondary-alpha-40: hsla(213, 12%, 30.6%, 0); + --color-secondary-alpha-40: hsla(213, 12%, 30.6%, 0.4); --color-secondary-alpha-50: hsla(213, 12%, 30.6%, 0.5); --color-secondary-alpha-60: hsla(213, 12%, 30.6%, 0.6); --color-secondary-alpha-70: hsla(213, 12%, 30.6%, 0.7); @@ -213,7 +213,7 @@ --color-project-board-bg: var(--color-secondary-light-2); --color-caret: var(--color-text); - --color-border: var(--color-secondary-alpha-50); + --color-border: var(--color-secondary-alpha-40); --color-reaction-bg: hsla(0, 0%, 100%, 0.1); --color-reaction-active-bg: var(--color-primary-alpha-40); @@ -336,8 +336,12 @@ strong, b, h1, h2, h3, h4, h5, h6, color: var(--color-primary-contrast); } +.ui.tabular.menu { + border-color: var(--color-border); +} + /* Labels. e.g. issues count indicator in repo tabs. */ -.ui.tabular.navbar .ui.small.label { +.ui.small.label { background-color: var(--color-label-primary-bg) !important; border-radius: 999em; } @@ -345,7 +349,11 @@ strong, b, h1, h2, h3, h4, h5, h6, /* Top navigation bar. * e.g. Issues, Pull Requests, etc. */ .ui.menu.bar { - border: none; + border-color: var(--color-border); +} + +.following.bar #navbar { + min-height: 45px; } /* Navbar logo. */ @@ -368,11 +376,6 @@ strong, b, h1, h2, h3, h4, h5, h6, } /* Repository page. */ -.repository .repo-header a, -.repository .repo-title a { - color: var(--color-text); -} - .repository .repo-title .repo-icon svg { max-width: 22px; } @@ -416,7 +419,7 @@ strong, b, h1, h2, h3, h4, h5, h6, /* Divider. */ .ui.divider:not(.vertical, .horizontal) { - border-top-color: var(--color-border); + border-top-color: var(--color-border) !important; } /* Footer. */