light: hover adjustments and changes to green and grey light colors

This commit is contained in:
pat-s 2023-01-22 17:33:59 +01:00
parent 52e563e2c7
commit 427cece468
No known key found for this signature in database
GPG Key ID: 3C6318841EF78925
2 changed files with 32 additions and 27 deletions

View File

@ -3,11 +3,13 @@
--border-radius: 6px; --border-radius: 6px;
--color-primary: #0969da; --color-primary: #0969da;
--color-navbar: #f6f8fa; --color-navbar: #f6f8fa;
--color-active: #f6f8fa; --color-active: #afb8c133;
--color-markup-code-block: #f6f8fa; --color-markup-code-block: #afb8c133;
--color-hover: none; --color-hover: #c7c7c7;
--color-purple: #8250df; --color-purple: #8250df;
--color-green: #1a7f37; --color-green: #1a7f37;
--color-green-light: #27c24c;
--color-grey-light: var(--color-text-light);
} }
.ui.label { .ui.label {
padding: 0.3em 0.5em; padding: 0.3em 0.5em;
@ -46,9 +48,6 @@
background-color: #1a7f37; background-color: #1a7f37;
color: #fff !important; color: #fff !important;
} }
.ui.label {
padding: 0.5em 0.5em;
}
/* "edit" and "reopen" button font color */ /* "edit" and "reopen" button font color */
.ui.basic.green.buttons .button, .ui.basic.green.buttons .button,
.ui.basic.green.button { .ui.basic.green.button {
@ -61,10 +60,6 @@
.repository.file.list #repo-files-table tbody .svg.octicon-file-submodule { .repository.file.list #repo-files-table tbody .svg.octicon-file-submodule {
color: #54aeff; color: #54aeff;
} }
a,
.ui.breadcrumb a {
color: var(--color-text) !important;
}
.repo-title a { .repo-title a {
color: var(--color-primary) !important; color: var(--color-primary) !important;
} }
@ -99,9 +94,6 @@
.ui.breadcrumb a:hover { .ui.breadcrumb a:hover {
color: none; color: none;
} }
.ui.tabular.menu .item:hover {
color: none;
}
.ui.basic.labels .label, .ui.basic.labels .label,
.ui.basic.label { .ui.basic.label {
background-color: #fff; background-color: #fff;
@ -246,7 +238,7 @@
margin: 0; margin: 0;
padding: 0.5em; padding: 0.5em;
font-size: 14px; font-size: 14px;
color: black; color: black !important;
} }
.following.bar #navbar { .following.bar #navbar {
@ -281,6 +273,7 @@
/* color for repo menu bar to overwrite link color */ /* color for repo menu bar to overwrite link color */
.ui.tabular.menu .item { .ui.tabular.menu .item {
color: var(--color-text) !important; color: var(--color-text) !important;
height: fit-content;
} }
.repository .ui.segment.sub-menu .list .item a { .repository .ui.segment.sub-menu .list .item a {
@ -307,10 +300,6 @@
} }
/* font weight of "danger zone" buttons in "delete repo" */ /* font weight of "danger zone" buttons in "delete repo" */
.ui.basic.red.buttons .button,
.ui.basic.red.button {
font-weight: 500;
}
.ui.label { .ui.label {
background: rgba(175, 184, 193, 0.2); background: rgba(175, 184, 193, 0.2);
@ -339,6 +328,7 @@
.repository.file.list #repo-files-table tbody .svg.octicon-file-submodule { .repository.file.list #repo-files-table tbody .svg.octicon-file-submodule {
color: #54aeff !important; color: #54aeff !important;
} }
.repository.file.list #repo-files-table td a { .repository.file.list #repo-files-table td a {
color: black !important; color: black !important;
} }
@ -364,6 +354,11 @@
margin-bottom: 2px; margin-bottom: 2px;
} }
.ui.menu .item > .label:not(.floating) {
padding: 0 6px;
line-height: 18px;
}
.ui.secondary.pointing.menu .item > .circular.label { .ui.secondary.pointing.menu .item > .circular.label {
line-height: 10px; line-height: 10px;
} }
@ -394,11 +389,13 @@
.ui.basic.primary.buttons .button:hover { .ui.basic.primary.buttons .button:hover {
box-shadow: inset 0 0 0 0px transparent !important; box-shadow: inset 0 0 0 0px transparent !important;
} }
// background color of branch name in PRs // background color of branch name in PRs
.issue.list .branches .branch { .issue.list .branches .branch {
background-color: #afb8c133; background-color: #afb8c133;
border-radius: 6px; border-radius: 6px;
} }
// branch display in PRs // branch display in PRs
.issue.list .branches .branch { .issue.list .branches .branch {
background-color: #afb8c133; background-color: #afb8c133;
@ -408,6 +405,12 @@
color: #24292f; color: #24292f;
padding: 2px; padding: 2px;
} }
// hover
.ui.basic.secondary.buttons .button:hover,
.ui.basic.secondary.button:hover {
background: var(--color-hover) !important;
}
} }
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
:root { :root {

View File

@ -2,11 +2,13 @@
--border-radius: 6px; --border-radius: 6px;
--color-primary: #0969da; --color-primary: #0969da;
--color-navbar: #f6f8fa; --color-navbar: #f6f8fa;
--color-active: #f6f8fa; --color-active: #afb8c133;
--color-markup-code-block: #f6f8fa; --color-markup-code-block: #afb8c133;
--color-hover: none; --color-hover: #c7c7c7;
--color-purple: #8250df; --color-purple: #8250df;
--color-green: #1a7f37; --color-green: #1a7f37;
--color-green-light: #27c24c;
--color-grey-light: var(--color-text-light);
} }
.ui.label { .ui.label {
padding: 0.3em 0.5em; padding: 0.3em 0.5em;
@ -45,9 +47,6 @@
background-color: #1a7f37; background-color: #1a7f37;
color: #fff !important; color: #fff !important;
} }
.ui.label {
padding: 0.5em 0.5em;
}
/* "edit" and "reopen" button font color */ /* "edit" and "reopen" button font color */
.ui.basic.green.buttons .button, .ui.basic.green.buttons .button,
.ui.basic.green.button { .ui.basic.green.button {
@ -94,9 +93,6 @@ a.muted:hover,
.ui.breadcrumb a:hover { .ui.breadcrumb a:hover {
color: none; color: none;
} }
.ui.tabular.menu .item:hover {
color: none;
}
.ui.basic.labels .label, .ui.basic.labels .label,
.ui.basic.label { .ui.basic.label {
background-color: #fff; background-color: #fff;
@ -276,6 +272,7 @@ a,
/* color for repo menu bar to overwrite link color */ /* color for repo menu bar to overwrite link color */
.ui.tabular.menu .item { .ui.tabular.menu .item {
color: var(--color-text) !important; color: var(--color-text) !important;
height: fit-content;
} }
.repository .ui.segment.sub-menu .list .item a { .repository .ui.segment.sub-menu .list .item a {
@ -404,3 +401,8 @@ ui.basic.blue.button:hover,
color: #24292f; color: #24292f;
padding: 2px; padding: 2px;
} }
// hover
.ui.basic.secondary.buttons .button:hover, .ui.basic.secondary.button:hover {
background: var(--color-hover) !important;
}