Add additional dark mode fixes

This commit is contained in:
Jordan Holt 2024-05-03 17:52:43 +01:00
parent 3bb00e9c8a
commit 63b626845d
Signed by: jordan
GPG Key ID: B8CFFF61F1CCF520

View File

@ -67,6 +67,9 @@
--color-warning-bg: rgba(187, 128, 9, 0.1); --color-warning-bg: rgba(187, 128, 9, 0.1);
--color-warning-border: rgba(187, 128, 9, 0.4); --color-warning-border: rgba(187, 128, 9, 0.4);
--color-warning-text: var(--color-yellow); --color-warning-text: var(--color-yellow);
--color-project-board-bg: var(--color-box-body);
--color-project-board-dark-label: #eee;
--color-project-board-light-label: #111;
/* code editor colors are set in https://github.com/go-gitea/gitea/blob/f5b300ea77081a1b78ac044cb1c0f9225538d091/web_src/js/features/codeeditor.js#L82-L97. */ /* code editor colors are set in https://github.com/go-gitea/gitea/blob/f5b300ea77081a1b78ac044cb1c0f9225538d091/web_src/js/features/codeeditor.js#L82-L97. */
/* monaco editor dark theme is toggled via variable `--is-dark-theme` */ /* monaco editor dark theme is toggled via variable `--is-dark-theme` */
@ -177,7 +180,18 @@ a.muted.text:hover,
.flex-item .flex-item-title a, .flex-item .flex-item-title a,
.repo-title a { .repo-title a {
color: var(--color-white); color: var(--color-blue);
}
.repo-title > a:nth-child(4) {
font-weight: 700;
}
.repo-title > .svg:first-of-type {
width: 22px;
padding-top: 4px;
}
.repo-topics {
margin-bottom: 10px;
} }
.repo-icon { .repo-icon {
@ -314,6 +328,33 @@ a.ui.label:hover {
background-color: #22272e; background-color: #22272e;
} }
/* project board */
.project-column {
background-color: var(--color-header-wrapper) !important;
}
.project-column-title {
font-weight: 600;
}
.project-column-issue-count {
margin-right: 4px;
}
.issue-card-title {
color: var(--color-white) !important;
font-size: 14px;
}
.issue-card-title:hover {
color: var(--color-blue) !important;
}
.ui.container .ui.container {
margin: 0 !important;
width: 100%;
max-width: unset;
padding-right: 4px;
}
.ui.container .ui.container h2 {
color: var(--color-white);
}
/* due date boxes */ /* due date boxes */
.repository .metas #deadlineForm input { .repository .metas #deadlineForm input {
border-color: var(--color-secondary); border-color: var(--color-secondary);
@ -350,6 +391,17 @@ a.ui.label:hover {
.ui.text.menu .dropdown.item>.menu { .ui.text.menu .dropdown.item>.menu {
border-radius: var(--border-radius); border-radius: var(--border-radius);
} }
.ui.label.scope-left {
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.ui.label.scope-right {
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important;
}
.ui.label {
padding: .3em .8em;
}
.ui.floating.dropdown>.menu { .ui.floating.dropdown>.menu {
border-radius: var(--border-radius) !important; border-radius: var(--border-radius) !important;
@ -983,4 +1035,10 @@ background: var(--color-hover);
.vch__legend__wrapper rect { .vch__legend__wrapper rect {
rx: 2px; rx: 2px;
ry: 2px; ry: 2px;
} }
@media (max-width:438px) {
.commit-list .sha {
display: none;
}
}