light: adjust gpg banner color and commit banner background

dark: more chroma adjustments
dark: optimize colors for highlighted code
2021-11-25 11:40:10 +01:00 · 2021-11-23 23:39:05 +01:00 · 2021-11-23 22:12:07 +01:00 · 2021-11-18 12:01:30 +01:00 · 2021-11-11 11:59:00 +01:00 · 2021-11-08 20:04:46 +01:00
2 changed files with 170 additions and 5 deletions
--- a/theme-github-dark.css
+++ b/theme-github-dark.css
@@ -17,6 +17,7 @@
  --color-active: #22272e;
  --color-menu: #22272e;
  --color-secondary: #454a57;
+  --color-caret: var(--color-text);
 }

 .ui.list .list > .item > .content,
@@ -272,7 +273,7 @@ textarea,

 /* right border of "find repository" field */
 .ui.action.input:not([class*="left action"]) > input {
-  border-right-color: var(--color-input-border-hover);
+  border-right-color: var(--color-light);
 }

 /* background color of code display */
@@ -311,6 +312,38 @@ textarea,
  color: #96d0ff;
 }

+.chroma .nb {
+  color: #539bf5;
+}
+.chroma .nx {
+  color: var(--color-text);
+}
+
+.chroma .nv {
+  color: #08dddd;
+}
+.chroma .si {
+  color: #8ddb8c;
+}
+.chroma .nt {
+  color: #50eb75;
+}
+.chroma .nd {
+  color: #c4cfcf;
+}
+.chroma .o {
+  color: #eb3243;
+}
+.chroma .nc {
+  color: #16e9e9;
+}
+.chroma .nn {
+  color: #16e9e9;
+}
+.chroma .s {
+  color: #8ddb8c;
+}
+
 /* border color repo files */
 .repository.file.list #repo-files-table td {
  border-bottom: 1px solid #373e47;
@@ -369,7 +402,7 @@ textarea,

 /* repo svg icons */
 .repository.view.issue .comment-list .timeline-item .badge .svg {
-  fill: white;
+  fill: var(--color-text-light)!important;
 }

 /* background emoji reactions */
@@ -426,7 +459,7 @@ a.blob-excerpt {

 /* remove border of "new file" button */
 .ui.buttons .button:first-child {
-  border-left: 0px solid var(--color-light-border);
+  border-left: 1px solid var(--color-markup-code-block);
 }

 /* border color of dropdown svg */
@@ -437,7 +470,11 @@ a.blob-excerpt {
 }

 /* 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 {
+.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);
 }

@@ -445,7 +482,8 @@ a.blob-excerpt {
 .user.profile .ui.card #profile-avatar {
  background: var(--color-navbar);
 }
-.ui.cards>.card>.content, .ui.card>.content {
+.ui.cards > .card > .content,
+.ui.card > .content {
  background: var(--color-navbar);
 }
 .user.profile .ui.card .extra.content ul li:not(:last-child) {
@@ -460,3 +498,105 @@ a.blob-excerpt {
 .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-navbar);
+  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-navbar);
+  background: var(--color-navbar);
+}
+.repository.view.issue .comment-list .timeline:before {
+  background-color: var(--color-secondary);
+}
+.repository.view.issue .comment-list .timeline-item .badge .svg {
+  width: 20px;
+  height: 20px;
+  padding: 3px;
+}
+
+input {
+  caret-color: var(--color-text);
+}
+
+.removed-code {
+  background: #b70f22;
+  color: var(--color-text);
+}
+.added-code {
+  background: #0d8b2c;
+  color: var(--color-text);
+}
+
+/* review - pending label */
+.ui.basic.labels .yellow.label, .ui.ui.ui.basic.yellow.label {
+  background: var(--color-project-board-bg);
+  color: #333 !important;
+}
+
+/* green checkmark background when approving PRs */
+.bg-green {
+  background: var(--color-primary)!important;
+}
+i.green.icon.icon.icon.icon {
+  color: var(--color-primary);
+}
+span.green .svg {
+  color: var(--color-primary);
+}
+
+/* highlight color bg for highlighted lines */
+.lines-code.active, .lines-code .active {
+  border-radius: 6px;
+  background: #000000!important;
+}
+.ui.ui.ui.ui.table tr.active, .ui.ui.table td.active {
+  box-shadow: 0 0 #000000de inset;
+  background: #E0E0E0;
+  color: --var(--color-text);
+}
--- a/theme-github.css
+++ b/theme-github.css
@@ -188,3 +188,28 @@ a.ui.label {
 .ui.buttons:not(.basic):not(.inverted)>.button:not(.basic):not(.inverted) {
  border-left: 1px solid var(--color-secondary);
 }
+
+/* GPG verified msg banner */
+.repository .ui.attached.isSigned.isVerified.message .ui.text {
+  color: black;
+}
+.repository .ui.attached.isSigned.isVerified:last-child, .repository .ui.attached.isSigned.isVerified.bottom {
+  border-bottom: 1px solid #21ba45;
+}
+.repository .ui.attached.isSigned.isVerified.top, .repository .ui.attached.isSigned.isVerified.message {
+  border-top: 1px solid var(--color-secondary);
+}
+.repository .ui.attached.isSigned.isVerified {
+  border-left: 1px solid var(--color-secondary);
+  border-right: 1px solid var(--color-secondary);
+}
+.repository .ui.attached.isSigned.isVerified.message {
+  box-shadow: none;
+  background-color: #21ba45;
+  color: black;
+}
+
+/* bg color of commit info box */
+.ui .info.segment.top {
+  background-color: var(--color-navbar)!important;
+}
Author	SHA1	Message	Date
pat-s	de6bc969f6	light: adjust gpg banner color and commit banner background	2021-11-25 11:40:10 +01:00
pat-s	a3b8684ec1	dark: more chroma adjustments	2021-11-23 23:39:05 +01:00
pat-s	5c8e604e08	dark: optimize colors for highlighted code	2021-11-23 22:12:07 +01:00
pat-s	77948727fb	dark: more chroma color adjustments	2021-11-18 12:01:30 +01:00
pat-s	991975edc1	dark: reverse timline icons and adjust green colors in PRs	2021-11-11 11:59:00 +01:00
pat-s	d06350970a	dark: background of "pending" label in review	2021-11-08 20:04:46 +01:00
pat-s	a044c20906	dark: adjust input cursor color	2021-11-03 09:22:07 +01:00
pat-s	fd34ec3867	dark: adjust colors for added and removed code in diff view	2021-11-03 09:21:10 +01:00
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