31 Commits

Author SHA1 Message Date
pat-s
94f6d0e7b6 dark: Adjust color of cursor in text fields 2021-10-23 17:27:17 +02:00
pat-s
58ea9a9235 dark: adjust color of "search repository" right border 2021-10-21 11:03:24 +02:00
pat-s
e10635ffd0 dark: adjust PR timeline colors 2021-10-20 20:32:41 +02:00
pat-s
f40704f0cf dark: adjust chroma nx color 2021-10-20 20:26:47 +02:00
pat-s
884764b08a dark: adjust timeline icon size 2021-10-18 15:56:56 +02:00
pat-s
ea70ec08f0 dark: Adjust PR timeline colors 2021-10-18 10:16:16 +02:00
pat-s
67d0060173 dark: adjust colors of info message 2021-10-18 09:31:43 +02:00
pat-s
90a8d59165 dark: lighter chroma blue for diff view 2021-10-17 12:02:24 +02:00
pat-s
a42e4a9f67 dark: fix colors of gpg banner and commit box 2021-10-16 18:50:27 +02:00
pat-s
7e0ee572a6 dark: font color line numbers 2021-10-16 18:40:27 +02:00
pat-s
02cbd1c551 right border of profile search bar 2021-10-15 20:34:37 +02:00
pat-s
2ea37c89d9 dark: fix background of profile cards (fixes #3) 2021-10-15 20:34:19 +02:00
pat-s
373d16112a dark: adjust link colors 2021-10-15 20:25:10 +02:00
pat-s
4699fc648f dark: adjust colors of .ui.positive.message 2021-10-15 20:12:51 +02:00
pat-s
c01e897182 dark: border color of dropdown svg 2021-10-15 20:09:59 +02:00
pat-s
47fe7f4977 dark: remove border of "new file" button 2021-10-13 16:58:37 +02:00
pat-s
91fefbccc4 dark: bg coloring of comment box 2021-10-12 23:11:00 +02:00
pat-s
19c6092361 dark: adaptions to PR diff view coloring 2021-10-12 23:05:16 +02:00
pat-s
c3e99fc8e3 dark: adjust color of .ui.positive.message 2021-10-11 18:15:45 +02:00
pat-s
c60a15481b dark: adjust background color of emoji reactions 2021-10-09 23:02:48 +03:00
pat-s
05d7758f15 diff color of newly added files 2021-10-09 09:33:46 +03:00
pat-s
8fb6ad6f6e dark theme: repo timeline svg icon coloring and warning messages block 2021-10-09 09:29:32 +03:00
pat-s
e3e77d5262 dark: update repos watch and fork counter color 2021-10-07 17:51:55 +03:00
pat-s
c7bd6313a6 dark: adjust color of active tabular item 2021-10-07 17:28:17 +03:00
pat-s
a8324951fd dark: beautify gpg commit label 2021-10-07 17:22:22 +03:00
pat-s
89228c7390 format readme table 2021-10-05 09:44:49 +03:00
pat-s
831a99fbfd update dark screenshots 2021-10-05 09:43:07 +03:00
pat-s
571e6dadd5 dark: fix coloring of links 2021-10-05 09:37:15 +03:00
pat-s
18126ed790 dark: update border color of .ui.label 2021-10-02 09:57:11 +03:00
pat-s
ef197cf7f0 dark: update border color of a.ui.label 2021-10-02 09:55:33 +03:00
pat-s
f491463acb update border color of form fields in settings page 2021-10-02 09:41:18 +03:00
4 changed files with 302 additions and 7 deletions

View File

@@ -23,7 +23,7 @@ I might update the theme over time to fix oversights and other issues - no guara
## Screenshots
| | |
| :-----------------------: | :-----------------------: |
| ![](figs/screenshot1.png) | ![](figs/screenshot2.png) |
| ![](figs/screenshot-dark1.png) | ![](figs/screenshot-dark2.png) ||
| | |
| :----------------------------: | :----------------------------: |
| ![](figs/screenshot1.png) | ![](figs/screenshot2.png) |
| ![](figs/screenshot-dark1.png) | ![](figs/screenshot-dark2.png) |

Binary file not shown.

Before

Width:  |  Height:  |  Size: 111 KiB

After

Width:  |  Height:  |  Size: 230 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 98 KiB

After

Width:  |  Height:  |  Size: 116 KiB

View File

@@ -17,6 +17,7 @@
--color-active: #22272e;
--color-menu: #22272e;
--color-secondary: #454a57;
--color-caret: var(--color-text);
}
.ui.list .list > .item > .content,
@@ -71,7 +72,8 @@
}
a,
.ui.breadcrumb a {
color: var(--color-text) !important;
/* color: var(--color-text); */
color: #539bf5;
}
.repo-title a {
color: #539bf5 !important;
@@ -173,7 +175,7 @@ a,
}
a,
.push.news {
color: #a6aab5 !important;
color: null;
}
.ui.header {
color: #a6aab5;
@@ -182,7 +184,11 @@ a,
color: #a6aab5 !important;
}
a.ui.label {
color: #adbac7 !important;
/* color: #adbac7 !important; */
border-color: var(--color-secondary) !important;
}
.ui.label {
border-color: var(--color-secondary) !important;
}
.ui.menu .item {
color: #adbac7;
@@ -239,3 +245,292 @@ textarea,
.page-content .ui.button {
border-color: var(--color-secondary);
}
/* border color form fields settings page */
input,
textarea,
.ui.input > input,
.ui.form input:not([type]),
.ui.form select,
.ui.form textarea,
.ui.form input[type="date"],
.ui.form input[type="datetime-local"],
.ui.form input[type="email"],
.ui.form input[type="file"],
.ui.form input[type="number"],
.ui.form input[type="password"],
.ui.form input[type="search"],
.ui.form input[type="tel"],
.ui.form input[type="text"],
.ui.form input[type="time"],
.ui.form input[type="url"],
.ui.selection.dropdown,
.ui.checkbox label:before,
.ui.checkbox input:checked ~ label:before,
.ui.checkbox input:not([type="radio"]):indeterminate ~ label:before {
border-color: var(--color-secondary);
}
/* right border of "find repository" field */
.ui.action.input:not([class*="left action"]) > input {
border-right-color: var(--color-light);
}
/* background color of code display */
.lines-code {
background-color: #22272e;
}
.code-diff-unified .add-code,
.code-diff-unified .add-code td,
.code-diff-split .add-code .lines-num-new,
.code-diff-split .add-code .lines-type-marker-new,
.code-diff-split .add-code .lines-code-new,
.code-diff-split .del-code .add-code.lines-num-new,
.code-diff-split .del-code .add-code.lines-type-marker-new,
.code-diff-split .del-code .add-code.lines-code-new {
background: #224035;
}
.tag-code,
.tag-code td {
background-color: var(--color-body);
}
/* green code color dark theme */
.chroma .s2 {
color: #8ddb8c;
}
.chroma .k {
color: #f47067;
}
.chroma .m {
color: #6cb6ff;
}
.chroma .nf {
color: #96d0ff;
}
.chroma .nb {
color: #539bf5;
}
.chroma .nx {
color: var(--color-text);
}
/* border color repo files */
.repository.file.list #repo-files-table td {
border-bottom: 1px solid #373e47;
}
/* text color repo files */
.repository.file.list #repo-files-table td {
color: #7f8699;
}
.repository.file.list #repo-files-table td a {
color: #7f8699 !important;
}
/* gpg commit label */
.repository #commits-table td.sha .sha.label.isSigned.isVerified,
.repository #repo-files-table .sha.label.isSigned.isVerified,
.repository #rev-list .sha.label.isSigned.isVerified,
.repository
.timeline-item.commits-list
.singular-commit
.sha.label.isSigned.isVerified {
border: 1px solid #21ba45 !important;
background: transparent;
border-radius: 6px;
}
/* color of active tabular item, e.g. in PR view (conversations, commits, files changed) */
.ui.tabular.menu .active.item,
.ui.tabular.menu .active.item:hover {
background: var(--color-navbar);
}
/* repo watch and fork counters */
.ui.basic.labels:not(.tag):not(.image):not(.ribbon) .label,
.ui.basic.label:not(.tag):not(.image):not(.ribbon) {
color: #adbac7;
}
.repo-buttons .ui.labeled.button.disabled > .label {
color: #adbac7;
}
/* border color of warning message */
.ui.warning.message {
background-color: #22272e;
color: var(--color-text);
}
.ui.warning.message,
.ui.attached.warning.message {
box-shadow: null;
}
.ui.warning.message,
.ui.attached.warning.message {
box-shadow: 0 0 0 0px #c9ba9b inset, 0 0 #0000;
}
/* repo svg icons */
.repository.view.issue .comment-list .timeline-item .badge .svg {
fill: white;
}
/* background emoji reactions */
.repository .segment.reactions .ui.label.basic.blue {
background-color: transparent;
}
.ui.positive.message {
background-color: #22272e;
color: #fff;
}
.ui.positive.message,
.ui.attached.positive.message {
box-shadow: 0 0 0 1px #2c662d inset, 0 0 #0000;
}
/* diff color deletion */
.code-diff-unified .del-code,
.code-diff-unified .del-code td,
.code-diff-split .del-code .lines-num-old,
.code-diff-split .del-code .lines-type-marker-old,
.code-diff-split .del-code .lines-code-old {
background: #7a341e;
}
/* diff color neutral */
.lines-num,
.lines-code {
background-color: var(--color-navbar);
}
.lines-type-marker {
background-color: var(--color-navbar);
}
a.blob-excerpt {
background: var(--color-body);
}
/* PR open label */
.ui.green.labels .label,
.ui.ui.ui.green.label {
background-color: #347d39;
}
/* bg color of PR comment form */
.ui.form,
.ui.form .field .dropdown,
.ui.form .field .dropdown .menu > .item {
background-color: var(--color-navbar);
}
.comment-code-cloud {
background-color: var(--color-navbar);
}
/* remove border of "new file" button */
.ui.buttons .button:first-child {
border-left: 0px solid var(--color-light-border);
}
/* border color of dropdown svg */
.ui.form,
.ui.form .field .dropdown,
.ui.form .field .dropdown .menu > .item {
background-color: var(--color-border);
}
/* hover font color */
.ui.secondary.pointing.menu .active.item,
.ui.secondary.pointing.menu .active.item:hover,
.ui.secondary.pointing.menu .dropdown.item:hover,
.ui.secondary.pointing.menu .link.item:hover,
.ui.secondary.pointing.menu a.item:hover {
color: var(--color-text);
}
/* user avatar background */
.user.profile .ui.card #profile-avatar {
background: var(--color-navbar);
}
.ui.cards > .card > .content,
.ui.card > .content {
background: var(--color-navbar);
}
.user.profile .ui.card .extra.content ul li:not(:last-child) {
border-bottom: 1px solid var(--color-secondary);
background-color: var(--color-navbar);
}
.user.profile .ui.card .extra.content ul li {
background-color: var(--color-navbar);
}
/* right border of profile search bar */
.ui.action.input:not([class*="left action"]) > input {
border-right-color: var(--color-text);
}
/* font color line numbers */
.lines-num span:after {
color: var(--color-text);
}
/* gpg key signed message */
.repository .ui.attached.isSigned.isVerified.message {
background-color: var(--color-primary);
color: black;
}
.repository .ui.attached.isSigned.isVerified.message .ui.text {
color: var(--color-active);
}
.ui .info.segment.top {
background-color: var(--color-navbar) !important;
}
.repository .ui.attached.isSigned.isVerified.top,
.repository .ui.attached.isSigned.isVerified.message {
border-top: 0px solid var(--color-text);
}
.repository .ui.attached.isSigned.isVerified {
border-left: 0px solid var(--color-text);
border-right: 0px solid var(--color-text);
}
.repository .ui.attached.isSigned.isVerified:last-child,
.repository .ui.attached.isSigned.isVerified.bottom {
border-bottom: 0px solid #a3c293;
}
/* info message banner colors */
.ui.info.message {
background-color: var(--color-navbar);
color: var(--color-text);
}
/* PR timelines colors */
.repository.view.issue .comment-list .timeline-item .badge .svg {
fill: black;
}
.repository.view.issue .comment-list .timeline-item .badge {
background-color: var(--color-text);
color: var(--color-text);
width: 30px;
height: 30px;
margin-left: -31px;
}
.repository.view.issue .comment-list .timeline-item .badge.badge-commit {
border-color: var(--color-text-light);
background: var(--color-text);
}
.repository.view.issue .comment-list .timeline:before {
background-color: var(--color-secondary);
}
.repository.view.issue .comment-list .timeline-item .badge .svg {
width: 17px;
height: 17px;
padding: 3px;
}