Fix button hover states

theme-github-dark.css

@@ -12,14 +12,16 @@
   --color-primary: var(--color-green);
   --color-primary-hover: #29903b;
   --color-primary-active: #2e9a40;
-  --color-primary-light-4: #0e4429;
+  --color-primary-light-1: #548fca;
   --color-primary-light-2: #006d32;
+  --color-primary-light-4: #0e4429;
   --color-primary-dark-2: #26a641;
   --color-primary-dark-4: #39d353;
   --color-primary-contrast: #ffffff;
   --color-secondary: #30363d;
   --color-secondary-alpha-60: #161b22;
   --color-secondary-alpha-40: rgba(48, 54, 61, 0.4);
+  --color-secondary-alpha-50: rgba(48, 54, 61, 0.5);
   --color-secondary-bg: #30363d;
   --color-light-border: var(--color-secondary);
   --color-body: #0d1117;
@@ -31,6 +33,7 @@
   --color-text-light: #a6aab5;
   --color-text-light-1: #848d97;
   --color-text-light-2: #a6aab5;
+  --color-text-light-3: #a0a0a0;
   --color-timeline: #21262d;
   --color-grey-light: var(--color-text-light);
   --color-box-body: #22272e;
@@ -39,6 +42,7 @@
   --color-button: #22272e;
   --color-expand-button: var(--color-body);
   --color-input-background: #22272e;
+  --color-input-border: var(--color-secondary);
   --color-input-border-hover: var(--color-secondary);
   --color-input-text: #adbac7;
   --color-box-header: #22272e;
@@ -49,7 +53,7 @@
   --color-box-body: var(--color-body);
   --color-box-header: #161b22;
   --color-nav-bg: #010409;
-  --color-header-wrapper: #010409;
+  --color-secondary-nav-bg: #010409;
   --color-nav-hover-bg: rgba(177, 186, 196, 0.12);
   --color-hover: #292e36;
   --color-label-bg: rgba(56, 139, 253, 0.1);
@@ -61,6 +65,7 @@
   --color-success-bg: #122117;
   --color-success-border: #2ea04366;
   --color-success-text: var(--color-green);
+  --color-green-badge-hover-bg: #21ba454d;
   --color-info-bg: rgba(56, 139, 253, 0.1);
   --color-info-border: rgba(56, 139, 253, 0.4);
   --color-info-text: var(--color-blue);
@@ -68,14 +73,14 @@
   --color-warning-border: rgba(187, 128, 9, 0.4);
   --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;
+  --fonts-proportional: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif;
 
   /* 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` */
   --color-primary-light-3: #71798e;
   --color-editor-line-highlight: var(--color-body);
   --color-code-bg: var(--color-body);
+  --color-code-sidebar-bg: var(--color-box-header);
 
   --color-diff-removed-row-bg: rgba(248, 81, 73, 0.15);
   --color-diff-removed-row-border: rgba(248, 81, 73, 0.3);
@@ -84,6 +89,14 @@
   --color-diff-added-row-border: rgba(46, 160, 67, 0.3);
   --color-diff-added-word-bg: rgba(46, 160, 67, 0.4);
   --color-diff-inactive: var(--color-secondary-alpha-60);
+  --color-console-fg: #eeeff2;
+  --color-console-fg-subtle: #959cab;
+  --color-console-bg: #262936;
+  --color-console-border: #383c47;
+  --color-console-menu-bg: #383c47;
+  --color-console-menu-border: #5c6374;
+  --color-console-hover-bg: #ffffff16;
+  --color-console-active-bg: #454a57;
 }
 
 .text.primary,
@@ -109,13 +122,6 @@ a:not(.item):hover > .svg,
   border-radius: var(--border-radius);
 }
 
-.page-content.dashboard,
-.page-content.explore,
-.page-content.repository:not(.new),
-.page-content.signin {
-  margin-top: 10px;
-}
-
 .ui.list .list > .item > .content,
 .ui.list > .item > .content {
   color: unset;
@@ -178,19 +184,26 @@ a.muted.text:hover,
   text-decoration: none;
 }
 
+.milestone-card a {
+  color: var(--color-white);
+}
+
 .flex-item .flex-item-title a,
-.repo-title a {
+.repo-header a {
   color: var(--color-blue);
 }
-.repo-title > a:nth-child(4) {
+.repo-header .flex-item-title > a:nth-child(2) {
   font-weight: 700;
 }
-.repo-title > .svg:first-of-type {
+.repo-header .flex-item-leading > .svg:first-of-type {
   width: 22px;
   padding-top: 4px;
 }
+#issue-list .flex-item .flex-item-title a {
+  color: var(--color-white);
+};
 
-.repo-topics {
+#repo-topics {
   margin-bottom: 10px;
 }
 
@@ -279,6 +292,13 @@ a.muted.text:hover,
   margin-top: .5rem !important;
 }
 
+.gt-no-underline.issue-title {
+  color: var(--color-white) !important;
+}
+.gt-no-underline.issue-title:hover {
+  color: var(--color-blue);
+}
+
 .ui.top.attached.header {
   border-radius: var(--border-radius) var(--border-radius) 0 0;
 }
@@ -330,13 +350,20 @@ a.ui.label:hover {
 
 /* project board */
 .project-column {
-  background-color: var(--color-header-wrapper) !important;
+  background-color: var(--color-secondary-nav-bg) !important;
 }
-.project-column-title {
-  font-weight: 600;
+.project-column > .divider {
+  border: 0;
+}
+.project-column > .cards {
+  gap: 8px !important;
+}
+.project-column-title-label {
+  font-weight: 600 !important;
+  color: var(--color-white) !important;
 }
 .project-column-issue-count {
-  margin-right: 4px;
+  margin-right: 4px !important;
 }
 .issue-card-title {
   color: var(--color-white) !important;
@@ -346,10 +373,8 @@ a.ui.label:hover {
   color: var(--color-blue) !important;
 }
 .ui.container .ui.container {
-  margin: 0 !important;
-  width: 100%;
-  max-width: unset;
-  padding-right: 4px;
+  max-width: unset !important;
+  padding: 0 4px !important;
 }
 .ui.container .ui.container h2 {
   color: var(--color-white);
@@ -360,6 +385,10 @@ a.ui.label:hover {
   border-color: var(--color-secondary);
 }
 
+.ui.basic.buttons .button:hover, .ui.basic.button:hover {
+  border-color: transparent;
+}
+
 /* default border radius */
 .ui.button,
 .ui.basic.buttons .button,
@@ -397,7 +426,7 @@ a.ui.label:hover {
 }
 .ui.label.scope-right {
   border-top-left-radius: 0 !important;
-  border-top-right-radius: 0 !important;
+  border-bottom-left-radius: 0 !important;
 }
 .ui.label {
   padding: .3em .8em;
@@ -435,7 +464,7 @@ a.ui.label:hover {
 .ui.secondary.pointing.menu .item:hover {
   border-radius: var(--border-radius) var(--border-radius) 0 0;
 }
-.ui.tabular.menu .active.item,
+.overflow-menu-items .active.item,
 .repository.view.issue .comment-list .comment > .content > div:first-child {
   border-top-left-radius: var(--border-radius) !important;
   border-top-right-radius: var(--border-radius) !important;
@@ -600,53 +629,72 @@ textarea,
   background: transparent;
   border-radius: 6px;
 }
+.repository .sha.label .icon.button {
+  margin: -5px -10px -4px 4px !important;
+  padding: 6px 4px 5px 6px !important;
+}
 
-.ui.container .ui.tabular.menu .active.item,
-.ui.container .ui.tabular.menu .active.item:hover {
+.ui.attached.isSigned.isVerified.message {
+  background-color: var(--color-success-bg) !important;
+  color: var(--color-white) !important;
+  border: 1px solid var(--color-primary) !important;
+}
+
+.ui.container .overflow-menu-items .active.item,
+.ui.container .overflow-menu-items .active.item:hover {
   color: var(--color-white);
   margin-top: 0;
 }
 
-.header-wrapper .ui.tabular.menu,
+.secondary-nav .overflow-menu-items,
 .ui.secondary.menu:not(.filter) {
   gap: 0.5rem;
 }
-.header-wrapper .ui.tabular.menu {
+.secondary-nav .overflow-menu-items {
   min-height: 48px;
   align-items: center;
 }
-.header-wrapper .ui.menu .item,
+.secondary-nav .ui.menu .item,
 .page-content > .ui.menu .item {
   color: var(--color-white) !important;
 }
 .page-content .ui.menu .item .svg {
   margin-right: 0.5rem !important;
 }
-.header-wrapper .ui.tabular.menu:not(.new-menu) .item,
-.header-wrapper .ui.tabular.menu:not(.new-menu) .active.item,
+overflow-menu {
+  border-bottom: none !important;
+}
+.secondary-nav .overflow-menu-items:not(.new-menu) .item,
+.secondary-nav .overflow-menu-items:not(.new-menu) .active.item,
 .ui.secondary.menu:not(.new-menu) .item
 .ui.secondary.menu:not(.new-menu) .active.item {
   border: 0;
   border-radius: var(--border-radius) !important;
   align-items: center;
   line-height: 30px;
-  padding: 0 8px;
+  padding: 0 8px !important;
   margin-top: 0 !important;
   margin-bottom: 0 !important;
 }
-.header-wrapper .ui.tabular.menu .item:hover,
+.secondary-nav .overflow-menu-items .item:hover,
 .ui.secondary.menu .item:hover {
   background: var(--color-nav-hover-bg) !important;
 }
-.header-wrapper .ui.tabular.menu:not(.new-menu) .active.item {
+.secondary-nav .overflow-menu-items .active.item {
   background: unset;
 }
-.header-wrapper .ui.tabular.menu:not(.new-menu) .active.item::after {
-  background: #f78166;
+.secondary-nav .overflow-menu-items .active.item::after {
+  background: #f78166 !important;
+  display: block !important;
   bottom: calc(50% - 25px);
   content: "";
   height: 2px;
   position: absolute;
+  top: unset;
+  left: unset;
+  margin: unset;
+  border-bottom: unset;
+  border-right: unset;
   right: 50%;
   transform: translate(50%, -50%);
   width: 100%;
@@ -656,6 +704,11 @@ textarea,
 .ui.secondary.pointing.menu .active.item:hover {
   border-color: #f78166;
 }
+.ui.tabular.menu .item, .ui.secondary.pointing.menu .overflow-menu-items .item {
+  padding: 0 8px !important;
+  align-self: unset;
+  border-bottom: none;
+}
 .ui.menu.new-menu .item:last-child {
   padding-right: 16px !important;
 }
@@ -753,10 +806,6 @@ a.ui.card:hover {
   color: black;
 }
 
-.repository .ui.attached.isSigned.isVerified.message .ui.text {
-  color: var(--color-active);
-}
-
 .ui .info.segment.top {
   background-color: var(--color-navbar) !important;
 }
@@ -838,6 +887,10 @@ i.green.icon.icon.icon.icon {
   background: var(--color-navbar);
 }
 
+#navbar {
+  border-bottom: none !important;
+}
+
 * {
   scrollbar-color: unset;
 }
@@ -1038,7 +1091,7 @@ background: var(--color-hover);
 }
 
 @media (max-width:438px) {
-  .commit-list .sha {
-    display: none;
+  .commit-list .ui.sha.label {
+    display: none !important;
   }
 }