Add additional dark mode fixes
This commit is contained in:
parent
3bb00e9c8a
commit
63b626845d
@ -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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user