From 427cece4684a49d7e67a6b38298670f4cb6ddd4d Mon Sep 17 00:00:00 2001 From: pat-s Date: Sun, 22 Jan 2023 17:33:59 +0100 Subject: [PATCH] light: hover adjustments and changes to green and grey light colors --- theme-github-auto.css | 39 +++++++++++++++++++++------------------ theme-github.css | 20 +++++++++++--------- 2 files changed, 32 insertions(+), 27 deletions(-) diff --git a/theme-github-auto.css b/theme-github-auto.css index 02b9577..c11736c 100644 --- a/theme-github-auto.css +++ b/theme-github-auto.css @@ -3,11 +3,13 @@ --border-radius: 6px; --color-primary: #0969da; --color-navbar: #f6f8fa; - --color-active: #f6f8fa; - --color-markup-code-block: #f6f8fa; - --color-hover: none; + --color-active: #afb8c133; + --color-markup-code-block: #afb8c133; + --color-hover: #c7c7c7; --color-purple: #8250df; --color-green: #1a7f37; + --color-green-light: #27c24c; + --color-grey-light: var(--color-text-light); } .ui.label { padding: 0.3em 0.5em; @@ -46,9 +48,6 @@ background-color: #1a7f37; color: #fff !important; } - .ui.label { - padding: 0.5em 0.5em; - } /* "edit" and "reopen" button font color */ .ui.basic.green.buttons .button, .ui.basic.green.button { @@ -61,10 +60,6 @@ .repository.file.list #repo-files-table tbody .svg.octicon-file-submodule { color: #54aeff; } - a, - .ui.breadcrumb a { - color: var(--color-text) !important; - } .repo-title a { color: var(--color-primary) !important; } @@ -99,9 +94,6 @@ .ui.breadcrumb a:hover { color: none; } - .ui.tabular.menu .item:hover { - color: none; - } .ui.basic.labels .label, .ui.basic.label { background-color: #fff; @@ -246,7 +238,7 @@ margin: 0; padding: 0.5em; font-size: 14px; - color: black; + color: black !important; } .following.bar #navbar { @@ -281,6 +273,7 @@ /* color for repo menu bar to overwrite link color */ .ui.tabular.menu .item { color: var(--color-text) !important; + height: fit-content; } .repository .ui.segment.sub-menu .list .item a { @@ -307,10 +300,6 @@ } /* font weight of "danger zone" buttons in "delete repo" */ - .ui.basic.red.buttons .button, - .ui.basic.red.button { - font-weight: 500; - } .ui.label { background: rgba(175, 184, 193, 0.2); @@ -339,6 +328,7 @@ .repository.file.list #repo-files-table tbody .svg.octicon-file-submodule { color: #54aeff !important; } + .repository.file.list #repo-files-table td a { color: black !important; } @@ -364,6 +354,11 @@ margin-bottom: 2px; } + .ui.menu .item > .label:not(.floating) { + padding: 0 6px; + line-height: 18px; + } + .ui.secondary.pointing.menu .item > .circular.label { line-height: 10px; } @@ -394,11 +389,13 @@ .ui.basic.primary.buttons .button:hover { box-shadow: inset 0 0 0 0px transparent !important; } + // background color of branch name in PRs .issue.list .branches .branch { background-color: #afb8c133; border-radius: 6px; } + // branch display in PRs .issue.list .branches .branch { background-color: #afb8c133; @@ -408,6 +405,12 @@ color: #24292f; padding: 2px; } + + // hover + .ui.basic.secondary.buttons .button:hover, + .ui.basic.secondary.button:hover { + background: var(--color-hover) !important; + } } @media (prefers-color-scheme: dark) { :root { diff --git a/theme-github.css b/theme-github.css index fdf4ce3..e2b095e 100644 --- a/theme-github.css +++ b/theme-github.css @@ -2,11 +2,13 @@ --border-radius: 6px; --color-primary: #0969da; --color-navbar: #f6f8fa; - --color-active: #f6f8fa; - --color-markup-code-block: #f6f8fa; - --color-hover: none; + --color-active: #afb8c133; + --color-markup-code-block: #afb8c133; + --color-hover: #c7c7c7; --color-purple: #8250df; --color-green: #1a7f37; + --color-green-light: #27c24c; + --color-grey-light: var(--color-text-light); } .ui.label { padding: 0.3em 0.5em; @@ -45,9 +47,6 @@ background-color: #1a7f37; color: #fff !important; } -.ui.label { - padding: 0.5em 0.5em; -} /* "edit" and "reopen" button font color */ .ui.basic.green.buttons .button, .ui.basic.green.button { @@ -94,9 +93,6 @@ a.muted:hover, .ui.breadcrumb a:hover { color: none; } -.ui.tabular.menu .item:hover { - color: none; -} .ui.basic.labels .label, .ui.basic.label { background-color: #fff; @@ -276,6 +272,7 @@ a, /* color for repo menu bar to overwrite link color */ .ui.tabular.menu .item { color: var(--color-text) !important; + height: fit-content; } .repository .ui.segment.sub-menu .list .item a { @@ -404,3 +401,8 @@ ui.basic.blue.button:hover, color: #24292f; padding: 2px; } + +// hover +.ui.basic.secondary.buttons .button:hover, .ui.basic.secondary.button:hover { + background: var(--color-hover) !important; +}