From ebf594caf0ef2649d1dc175fad4355b03ed1b4da Mon Sep 17 00:00:00 2001
From: Free <freeplayg@tutanota.com>
Date: Sun, 17 Oct 2021 03:28:22 +0200
Subject: [PATCH] 1.0.10

---
 Gitea/theme-gitea-modern.user.css | 282 ++++++++++++++++++++++++------
 1 file changed, 229 insertions(+), 53 deletions(-)

diff --git a/Gitea/theme-gitea-modern.user.css b/Gitea/theme-gitea-modern.user.css
index a6a9dd3..73debcd 100644
--- a/Gitea/theme-gitea-modern.user.css
+++ b/Gitea/theme-gitea-modern.user.css
@@ -1,6 +1,6 @@
 /* ==UserStyle==
 @name           Gitea Modern
-@version        1.0.6
+@version        1.0.10
 @description    A modern style for Gitea and Codeberg!
 @updateURL      https://codeberg.org/Freeplay/CSS-Styles/raw/branch/main/Gitea/theme-gitea-modern.user.css
 @homepageURL    https://codeberg.org/Freeplay/CSS-Styles
@@ -21,6 +21,7 @@
   html.theme-gitea,
   html.theme-arc-green {
     --fonts-override: var(--fonts-regular);
+    accent-color: var(--color-primary);
   }
   a[rel*="nofollow"]:not(.ui):hover,
   .link:not(.ui):hover,
@@ -128,7 +129,7 @@
     align-items: center !important;
     display: flex !important;
   }
-  .three.column .column .small,
+  .three.column .column .small:not(.modal),
   .three.column .column a {
     max-height: 40px !important;
     min-height: unset;
@@ -360,6 +361,37 @@
   .ui.tabular.menu:not(.borderless) > .item.active:first-child::before {
     content: none !important;
   }
+  .ui.secondary.pointing.menu {
+    background: none !important;
+  }
+  .ui.secondary.pointing.menu .new-menu-inner {
+    width: 1150px;
+    padding: 0 20px;
+  }
+  .ui.secondary.pointing.menu .item {
+    border: none;
+  }
+  .ui.secondary.pointing.menu .active {
+    position: relative;
+  }
+  .ui.secondary.pointing.menu .active::before {
+    all: unset;
+    content: "";
+    position: absolute;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    height: 2px;
+    background-color: var(--color-primary) !important;
+    display: flex !important;
+    opacity: 0.7;
+  }
+  .ui.secondary.pointing.menu .item:last-child {
+    padding-right: 1.14286em !important;
+  }
+  .ui.secondary.pointing.menu::after {
+    content: unset !important;
+  }
   .repository .filter.menu .menu {
     max-height: 80vh;
     width: max-content !important;
@@ -386,7 +418,7 @@
     align-items: center;
     z-index: 99999;
   }
-  #navbar {
+  .following.bar #navbar {
     padding: 0 calc(2px + 1%) !important;
     background: none !important;
     max-width: 100rem;
@@ -394,8 +426,8 @@
     min-height: var(--min-height) !important;
     margin: auto;
   }
-  #navbar > .item:not(.brand),
-  #navbar > .right > .item {
+  .following.bar #navbar > .item:not(.brand),
+  .following.bar #navbar > .right > .item {
     color: var(--color-text-dark) !important;
     font-size: 1rem !important;
     font-weight: 600;
@@ -410,38 +442,38 @@
     box-sizing: border-box;
     transition: border 0.5s, padding 0.7s;
   }
-  #navbar > .item:not(.brand) > span,
-  #navbar > .right > .item > span {
+  .following.bar #navbar > .item:not(.brand) > span,
+  .following.bar #navbar > .right > .item > span {
     height: 100%;
     display: flex;
     align-items: center;
   }
-  #navbar > .item:not(.brand):hover,
-  #navbar > .right > .item:hover,
-  #navbar > .item:not(.brand).active,
-  #navbar > .right > .item.active,
-  #navbar > .item:not(.brand):focus,
-  #navbar > .right > .item:focus {
+  .following.bar #navbar > .item:not(.brand):hover,
+  .following.bar #navbar > .right > .item:hover,
+  .following.bar #navbar > .item:not(.brand).active,
+  .following.bar #navbar > .right > .item.active,
+  .following.bar #navbar > .item:not(.brand):focus,
+  .following.bar #navbar > .right > .item:focus {
     border-bottom: 1px solid var(--color-primary);
     transition: border 0.1s;
     outline: none;
   }
-  #navbar .item.brand {
+  .following.bar #navbar .item.brand {
     padding: 0 !important;
     min-height: var(--min-height) !important;
     margin-right: calc(-30px + 2%) !important;
   }
-  #navbar .item.brand a {
+  .following.bar #navbar .item.brand a {
     width: 35px;
     height: 35px;
     margin-right: 20px;
     background-position: center;
   }
-  #navbar .item.brand a img {
+  .following.bar #navbar .item.brand a img {
     width: 100%;
     height: 100%;
   }
-  #navbar .right {
+  .following.bar #navbar .right {
     position: sticky;
     right: 1%;
     background-color: var(--color-navbar);
@@ -450,17 +482,17 @@
     min-width: max-content;
     justify-content: flex-end;
   }
-  #navbar .right > .item {
+  .following.bar #navbar .right > .item {
     padding: 0 10px;
   }
-  #navbar .right > .item > .text {
+  .following.bar #navbar .right > .item > .text {
     display: flex;
     align-items: center;
   }
-  #navbar .right > .item > .text span:not(.fitted) {
+  .following.bar #navbar .right > .item > .text span:not(.fitted) {
     margin-left: 10px;
   }
-  #navbar .right > .item > .text img ~ .fitted {
+  .following.bar #navbar .right > .item > .text img ~ .fitted {
     margin-left: 4px;
   }
 @media only screen and (min-width: 850px) {
@@ -930,6 +962,28 @@
   .page-content.repository:not(.milestones) > .ui.container .sticky-2nd-row {
     box-shadow: 0 -2px 0 2px var(--color-body);
   }
+  .page-content.repository:not(.milestones) > .ui.container .comment {
+    border-radius: 100px;
+  }
+  .page-content.repository:not(.milestones) > .ui.container .comment .reactions {
+    border: 0 !important;
+    padding: 0 1em;
+    margin-top: -0.4em !important;
+    padding-bottom: 0.4em !important;
+  }
+  .page-content.repository:not(.milestones) > .ui.container .comment .reactions > a {
+    padding: 4px 8px !important;
+    margin-right: 0.5em;
+    margin-bottom: 0.5em;
+    border: 1px solid var(--color-secondary);
+    border-radius: calc(var(--base-border-radius) * 2);
+  }
+  .page-content.repository:not(.milestones) > .ui.container .comment .reactions > a .reaction {
+    font-size: 1em;
+  }
+  .page-content.repository:not(.milestones) > .ui.container .comment .reactions .select-reaction {
+    padding: 0 !important;
+  }
   .page-content.repository:not(.milestones) > .ui.container .ui.grid > .eleven {
     margin-left: 1rem;
   }
@@ -1761,6 +1815,7 @@
     border-radius: var(--base-border-radius) var(--base-border-radius) 0 0;
     padding: 12px 12px !important;
     position: relative;
+    overflow: hidden;
   }
   .ui.container > .news + .news,
   .feeds > .news + .news {
@@ -1801,6 +1856,7 @@
     margin: 0 !important;
     padding: 0 !important;
     padding-top: 1px !important;
+    min-height: 31px;
   }
   .ui.container > .news .ui.grid > .column,
   .feeds > .news .ui.grid > .column {
@@ -1811,11 +1867,17 @@
   .feeds > .news .ui.grid > .column > div {
     display: flex;
     flex-wrap: wrap;
-    min-height: 60px;
+    min-height: 100%;
   }
   .ui.container > .news .ui.grid > .column > div > *:first-child,
   .feeds > .news .ui.grid > .column > div > *:first-child {
-    min-width: 100%;
+    min-width: calc(100% - 200px);
+    margin-bottom: 0 !important;
+  }
+  .ui.container > .news .ui.grid > .column > div > :not(:first-child):not(:last-child),
+  .feeds > .news .ui.grid > .column > div > :not(:first-child):not(:last-child) {
+    min-width: calc(100% - 200px);
+    margin-top: 0.3em;
   }
   .ui.container > .news .ui.grid > .column > div > *:last-child,
   .feeds > .news .ui.grid > .column > div > *:last-child {
@@ -1834,16 +1896,25 @@
   .ui.container > .news .ui.grid > .right.column,
   .feeds > .news .ui.grid > .right.column {
     position: absolute;
-    top: 48px;
+    top: 35px;
     left: 0;
-    width: 52px !important;
+    width: 53px !important;
     text-align: center;
+    z-index: 2;
   }
   .ui.container > .news .ui.grid > .right.column svg,
   .feeds > .news .ui.grid > .right.column svg {
-    width: 28px;
-    height: 28px;
-    padding: 4px;
+    width: 26px;
+    height: 26px;
+    padding: 3px;
+    fill: #000 !important;
+    background-color: var(--color-box-body);
+    border-radius: 100px;
+    border: 1px solid var(--color-secondary);
+  }
+  .ui.container > .news .ui.grid > .right.column svg path,
+  .feeds > .news .ui.grid > .right.column svg path {
+    fill: var(--color-primary);
   }
   .ui.container > .news .ui.grid .title,
   .feeds > .news .ui.grid .title,
@@ -2201,7 +2272,8 @@
     width: 100%;
     margin: 12px 6px;
   }
-  .dashboard > .ui.container #app {
+  .dashboard > .ui.container #app,
+  .dashboard > .ui.container #dashboard-repo-list {
     height: min-content;
     position: sticky;
     bottom: 0;
@@ -2215,13 +2287,15 @@
     max-width: 100% !important;
     flex-shrink: 9999;
   }
-  .dashboard > .ui.container #app > div {
+  .dashboard > .ui.container #app > div,
+  .dashboard > .ui.container #dashboard-repo-list > div {
     height: 100%;
     display: flex;
     flex-direction: column;
     min-height: calc(100vh - 30px);
   }
-  .dashboard > .ui.container #app::before {
+  .dashboard > .ui.container #app::before,
+  .dashboard > .ui.container #dashboard-repo-list::before {
     content: "";
     position: absolute;
     bottom: -15px;
@@ -2233,15 +2307,18 @@
     background: var(--color-light);
     box-shadow: 200vw 0 var(--color-body), inset 0 0 2px rgba(0,0,0,0.2);
   }
-  .dashboard > .ui.container #app codeberg-announcement-widget {
+  .dashboard > .ui.container #app codeberg-announcement-widget,
+  .dashboard > .ui.container #dashboard-repo-list codeberg-announcement-widget {
     background: none !important;
   }
-  .dashboard > .ui.container #app codeberg-announcement-widget > div {
+  .dashboard > .ui.container #app codeberg-announcement-widget > div,
+  .dashboard > .ui.container #dashboard-repo-list codeberg-announcement-widget > div {
     margin-top: 0 !important;
     margin-right: 0 !important;
     margin-bottom: 1rem !important;
   }
-  .dashboard > .ui.container #app .tabable {
+  .dashboard > .ui.container #app .tabable,
+  .dashboard > .ui.container #dashboard-repo-list .tabable {
     background: none;
     margin-right: 0 !important;
     box-sizing: border-box;
@@ -2249,8 +2326,11 @@
     margin-bottom: 0;
   }
   .dashboard > .ui.container #app .dashboard-repos,
-  .dashboard > .ui.container #app .dashboard-orgs {
-    margin: 0 !important;
+  .dashboard > .ui.container #dashboard-repo-list .dashboard-repos,
+  .dashboard > .ui.container #app .dashboard-orgs,
+  .dashboard > .ui.container #dashboard-repo-list .dashboard-orgs {
+    margin: 0 -10px !important;
+    padding: 0 10px;
     overflow-y: auto;
     overflow-x: hidden;
     scrollbar-width: thin;
@@ -2259,80 +2339,176 @@
     height: 0;
     flex-grow: 1;
     padding-top: 15px;
+    scrollbar-color: var(--color-secondary) transparent;
   }
   .dashboard > .ui.container #app .dashboard-repos .repos-search .input,
-  .dashboard > .ui.container #app .dashboard-orgs .repos-search .input {
+  .dashboard > .ui.container #dashboard-repo-list .dashboard-repos .repos-search .input,
+  .dashboard > .ui.container #app .dashboard-orgs .repos-search .input,
+  .dashboard > .ui.container #dashboard-repo-list .dashboard-orgs .repos-search .input {
     margin-bottom: 8px;
   }
   .dashboard > .ui.container #app .dashboard-repos > .ui:last-child,
-  .dashboard > .ui.container #app .dashboard-orgs > .ui:last-child {
+  .dashboard > .ui.container #dashboard-repo-list .dashboard-repos > .ui:last-child,
+  .dashboard > .ui.container #app .dashboard-orgs > .ui:last-child,
+  .dashboard > .ui.container #dashboard-repo-list .dashboard-orgs > .ui:last-child {
     margin-bottom: 78px;
   }
   .dashboard > .ui.container #app .dashboard-repos > *,
-  .dashboard > .ui.container #app .dashboard-orgs > * {
+  .dashboard > .ui.container #dashboard-repo-list .dashboard-repos > *,
+  .dashboard > .ui.container #app .dashboard-orgs > *,
+  .dashboard > .ui.container #dashboard-repo-list .dashboard-orgs > * {
     border: 0;
     background: none;
   }
+  .dashboard > .ui.container #app .dashboard-repos .label,
+  .dashboard > .ui.container #dashboard-repo-list .dashboard-repos .label,
+  .dashboard > .ui.container #app .dashboard-orgs .label,
+  .dashboard > .ui.container #dashboard-repo-list .dashboard-orgs .label {
+    padding: 0 0.5em !important;
+    height: 1.4em;
+    min-height: unset;
+    font-size: 0.9em;
+    min-width: 2em !important;
+    position: relative;
+    background: none;
+    margin-left: 0.5em;
+  }
+  .dashboard > .ui.container #app .dashboard-repos .label::before,
+  .dashboard > .ui.container #dashboard-repo-list .dashboard-repos .label::before,
+  .dashboard > .ui.container #app .dashboard-orgs .label::before,
+  .dashboard > .ui.container #dashboard-repo-list .dashboard-orgs .label::before {
+    content: "";
+    position: absolute;
+    inset: 0;
+    background-color: var(--color-primary);
+    opacity: 0.9;
+    z-index: -1;
+    border-radius: 100px;
+  }
   .dashboard > .ui.container #app .dashboard-repos .header,
-  .dashboard > .ui.container #app .dashboard-orgs .header {
-    padding-top: 5px;
+  .dashboard > .ui.container #dashboard-repo-list .dashboard-repos .header,
+  .dashboard > .ui.container #app .dashboard-orgs .header,
+  .dashboard > .ui.container #dashboard-repo-list .dashboard-orgs .header {
     font-weight: 600;
   }
   .dashboard > .ui.container #app .dashboard-repos .header a,
-  .dashboard > .ui.container #app .dashboard-orgs .header a {
+  .dashboard > .ui.container #dashboard-repo-list .dashboard-repos .header a,
+  .dashboard > .ui.container #app .dashboard-orgs .header a,
+  .dashboard > .ui.container #dashboard-repo-list .dashboard-orgs .header a {
     display: flex;
     align-items: center;
   }
   .dashboard > .ui.container #app .dashboard-repos .header a svg,
-  .dashboard > .ui.container #app .dashboard-orgs .header a svg {
+  .dashboard > .ui.container #dashboard-repo-list .dashboard-repos .header a svg,
+  .dashboard > .ui.container #app .dashboard-orgs .header a svg,
+  .dashboard > .ui.container #dashboard-repo-list .dashboard-orgs .header a svg {
     width: 18px;
     height: 18px;
   }
   .dashboard > .ui.container #app .dashboard-repos .header,
+  .dashboard > .ui.container #dashboard-repo-list .dashboard-repos .header,
   .dashboard > .ui.container #app .dashboard-orgs .header,
+  .dashboard > .ui.container #dashboard-repo-list .dashboard-orgs .header,
   .dashboard > .ui.container #app .dashboard-repos .repos-search,
-  .dashboard > .ui.container #app .dashboard-orgs .repos-search {
+  .dashboard > .ui.container #dashboard-repo-list .dashboard-repos .repos-search,
+  .dashboard > .ui.container #app .dashboard-orgs .repos-search,
+  .dashboard > .ui.container #dashboard-repo-list .dashboard-orgs .repos-search {
     padding-left: 5px;
     padding-right: 5px;
   }
   .dashboard > .ui.container #app .dashboard-repos .repos-search,
-  .dashboard > .ui.container #app .dashboard-orgs .repos-search {
+  .dashboard > .ui.container #dashboard-repo-list .dashboard-repos .repos-search,
+  .dashboard > .ui.container #app .dashboard-orgs .repos-search,
+  .dashboard > .ui.container #dashboard-repo-list .dashboard-orgs .repos-search {
     padding-top: 0;
   }
   .dashboard > .ui.container #app .dashboard-repos .repos-search input,
+  .dashboard > .ui.container #dashboard-repo-list .dashboard-repos .repos-search input,
   .dashboard > .ui.container #app .dashboard-orgs .repos-search input,
+  .dashboard > .ui.container #dashboard-repo-list .dashboard-orgs .repos-search input,
   .dashboard > .ui.container #app .dashboard-repos .repos-search .button,
-  .dashboard > .ui.container #app .dashboard-orgs .repos-search .button {
+  .dashboard > .ui.container #dashboard-repo-list .dashboard-repos .repos-search .button,
+  .dashboard > .ui.container #app .dashboard-orgs .repos-search .button,
+  .dashboard > .ui.container #dashboard-repo-list .dashboard-orgs .repos-search .button {
     background: none !important;
   }
+  .dashboard > .ui.container #app .dashboard-repos .repos-filter,
+  .dashboard > .ui.container #dashboard-repo-list .dashboard-repos .repos-filter,
+  .dashboard > .ui.container #app .dashboard-orgs .repos-filter,
+  .dashboard > .ui.container #dashboard-repo-list .dashboard-orgs .repos-filter {
+    justify-content: flex-start;
+  }
+  .dashboard > .ui.container #app .dashboard-repos .repos-filter .active,
+  .dashboard > .ui.container #dashboard-repo-list .dashboard-repos .repos-filter .active,
+  .dashboard > .ui.container #app .dashboard-orgs .repos-filter .active,
+  .dashboard > .ui.container #dashboard-repo-list .dashboard-orgs .repos-filter .active {
+    font-weight: 600;
+  }
+  .dashboard > .ui.container #app .dashboard-repos .repos-filter .active::before,
+  .dashboard > .ui.container #dashboard-repo-list .dashboard-repos .repos-filter .active::before,
+  .dashboard > .ui.container #app .dashboard-orgs .repos-filter .active::before,
+  .dashboard > .ui.container #dashboard-repo-list .dashboard-orgs .repos-filter .active::before {
+    content: unset !important;
+  }
+  .dashboard > .ui.container #app .dashboard-repos .repos-filter .active .label,
+  .dashboard > .ui.container #dashboard-repo-list .dashboard-repos .repos-filter .active .label,
+  .dashboard > .ui.container #app .dashboard-orgs .repos-filter .active .label,
+  .dashboard > .ui.container #dashboard-repo-list .dashboard-orgs .repos-filter .active .label {
+    font-size: 1em;
+  }
   .dashboard > .ui.container #app .dashboard-repos .table,
-  .dashboard > .ui.container #app .dashboard-orgs .table {
-    margin-top: 10px;
+  .dashboard > .ui.container #dashboard-repo-list .dashboard-repos .table,
+  .dashboard > .ui.container #app .dashboard-orgs .table,
+  .dashboard > .ui.container #dashboard-repo-list .dashboard-orgs .table {
+    margin-top: 4px;
   }
   .dashboard > .ui.container #app .dashboard-repos li,
-  .dashboard > .ui.container #app .dashboard-orgs li {
+  .dashboard > .ui.container #dashboard-repo-list .dashboard-repos li,
+  .dashboard > .ui.container #app .dashboard-orgs li,
+  .dashboard > .ui.container #dashboard-repo-list .dashboard-orgs li {
     background: none;
     font-weight: 700;
     border: 0;
   }
   .dashboard > .ui.container #app .dashboard-repos li a,
-  .dashboard > .ui.container #app .dashboard-orgs li a {
+  .dashboard > .ui.container #dashboard-repo-list .dashboard-repos li a,
+  .dashboard > .ui.container #app .dashboard-orgs li a,
+  .dashboard > .ui.container #dashboard-repo-list .dashboard-orgs li a {
     padding: 5px 5px;
+    position: relative;
+  }
+  .dashboard > .ui.container #app .dashboard-repos li a:hover:before,
+  .dashboard > .ui.container #dashboard-repo-list .dashboard-repos li a:hover:before,
+  .dashboard > .ui.container #app .dashboard-orgs li a:hover:before,
+  .dashboard > .ui.container #dashboard-repo-list .dashboard-orgs li a:hover:before {
+    content: "";
+    position: absolute;
+    inset: -2px -6px;
+    background-color: var(--color-primary);
+    border-radius: var(--base-border-radius);
+    z-index: -1;
+    opacity: 0.1;
   }
   .dashboard > .ui.container #app .dashboard-repos li a .item-name,
-  .dashboard > .ui.container #app .dashboard-orgs li a .item-name {
+  .dashboard > .ui.container #dashboard-repo-list .dashboard-repos li a .item-name,
+  .dashboard > .ui.container #app .dashboard-orgs li a .item-name,
+  .dashboard > .ui.container #dashboard-repo-list .dashboard-orgs li a .item-name {
     display: flex;
     align-items: center;
     max-width: unset;
     margin-right: 10px;
   }
   .dashboard > .ui.container #app .dashboard-repos li a .item-name svg,
-  .dashboard > .ui.container #app .dashboard-orgs li a .item-name svg {
+  .dashboard > .ui.container #dashboard-repo-list .dashboard-repos li a .item-name svg,
+  .dashboard > .ui.container #app .dashboard-orgs li a .item-name svg,
+  .dashboard > .ui.container #dashboard-repo-list .dashboard-orgs li a .item-name svg {
     margin-right: 8px !important;
     min-width: 16px;
   }
   .dashboard > .ui.container #app .dashboard-repos li a strong,
-  .dashboard > .ui.container #app .dashboard-orgs li a strong {
+  .dashboard > .ui.container #dashboard-repo-list .dashboard-repos li a strong,
+  .dashboard > .ui.container #app .dashboard-orgs li a strong,
+  .dashboard > .ui.container #dashboard-repo-list .dashboard-orgs li a strong {
     font-weight: 700;
     text-overflow: ellipsis;
     overflow: hidden;