Compiled

Gitea/theme-gitea-modern.css

@@ -224,6 +224,10 @@ a[rel*="nofollow"]:not(.ui):focus,
   min-width: 24px !important;
   display: inline-flex;
 }
+.label:not(.basic).sha > .detail {
+/* Fix SHA Padding */
+  margin-left: 6px !important;
+}
 .label:not(.basic) svg {
   margin-right: 4px;
 }
@@ -280,23 +284,22 @@ a[rel*="nofollow"]:not(.ui):focus,
   z-index: -1;
   border-top: 1px solid var(--color-secondary);
 }
-.ui.tabular.menu > .item {
+.ui.tabular.menu:not(.borderless) > .item {
   width: auto !important;
   padding-left: 16px;
   padding-right: 16px;
   min-width: 70px;
   justify-content: center;
   position: relative;
-  border-radius: 20px !important;
 }
-.ui.tabular.menu > .item svg {
+.ui.tabular.menu:not(.borderless) > .item svg {
   margin-right: 10px !important;
 }
-.ui.tabular.menu > .item.active {
+.ui.tabular.menu:not(.borderless) > .item.active {
   border-radius: 10px 10px 0 0 !important;
   z-index: 1;
 }
-.ui.tabular.menu > .item.active::after {
+.ui.tabular.menu:not(.borderless) > .item.active::after {
   content: "" !important;
   position: absolute;
   width: 6px;
@@ -306,7 +309,7 @@ a[rel*="nofollow"]:not(.ui):focus,
   border-bottom-left-radius: 100px;
   box-shadow: -1px 1px 0 0px var(--color-secondary), -3px 3px 0px 2px var(--color-body);
 }
-.ui.tabular.menu > .item.active::before {
+.ui.tabular.menu:not(.borderless) > .item.active::before {
   all: unset;
   content: "" !important;
   position: absolute;
@@ -318,7 +321,7 @@ a[rel*="nofollow"]:not(.ui):focus,
   box-shadow: 1px 1px 0 0px var(--color-secondary), 3px 3px 0px 2px var(--color-body);
   display: unset !important;
 }
-.ui.tabular.menu > .item.active:first-child::before {
+.ui.tabular.menu:not(.borderless) > .item.active:first-child::before {
   content: none !important;
 }
 .repository .filter.menu .menu {
@@ -335,6 +338,9 @@ a[rel*="nofollow"]:not(.ui):focus,
 html {
   scrollbar-width: auto !important;
 }
+.full.height {
+  padding-bottom: 30px;
+}
 /*** Header ***/
 .following.bar {
   --min-height: 60px;
@@ -386,14 +392,15 @@ html {
   margin-right: calc(-30px + 2%) !important;
 }
 #navbar .item.brand a {
-  border-radius: 100px;
-  background-color: var(--color-primary) !important;
-  box-shadow: 0 1px 2px var(--color-primary);
   width: 35px;
   height: 35px;
   margin-right: 20px;
   background-position: center;
 }
+#navbar .item.brand a img {
+  width: 100%;
+  height: 100%;
+}
 #navbar .right {
   position: sticky;
   right: 1%;
@@ -685,6 +692,11 @@ html {
   padding-right: 16px !important;
   box-sizing: border-box;
 }
+.page-content.repository:not(.milestones) > .ui.container .mobile--no-negative-margins button.icon,
+.page-content.repository:not(.milestones) > .ui.container .mobile--no-negative-margins .button.icon {
+  padding-left: 8px !important;
+  padding-right: 8px !important;
+}
 .page-content.repository:not(.milestones) > .ui.container .mobile--no-negative-margins #file-buttons {
   margin: 0 4px !important;
 }
@@ -1372,14 +1384,14 @@ html {
 }
 /* REPOSITORY LIST */
 .ui.repository.list {
-  display: flex;
+  margin-top: 16px !important;
-  flex-wrap: wrap;
+  display: grid;
-  margin: 0 -10px;
+  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
-  margin-top: 10px !important;
+  grid-gap: 16px;
 }
 .ui.repository.list .item {
   width: 400px;
-  margin: 8px;
+  width: 100%;
   min-height: unset !important;
   padding: 14px 16px !important;
   border: 1px solid var(--color-secondary);
@@ -1492,7 +1504,7 @@ html {
   padding: 30px 10px;
   padding: 30px 0;
   width: 1300px;
-  margin-bottom: -100px;
+  margin-bottom: -45px;
 /* Move Navbar to the side */
 /* Main Content */
 }
@@ -1619,11 +1631,22 @@ html {
   background: none !important;
 }
 .dashboard > .ui.container > .ui.stackable.grid .four.wide.column > .menu a {
+  display: flex;
   flex: 1 0 max-content;
   min-width: 200px;
+  max-width: calc(100% - 12px);
   border: 1px solid var(--color-secondary);
   margin: 3px 6px;
 }
+.dashboard > .ui.container > .ui.stackable.grid .four.wide.column > .menu a .right {
+  margin-left: auto;
+}
+.dashboard > .ui.container > .ui.stackable.grid .four.wide.column > .menu a span {
+  width: 100%;
+}
+.dashboard > .ui.container > .ui.stackable.grid .four.wide.column > .menu a .label {
+  margin-left: 4px;
+}
 .dashboard > .ui.container > .ui.stackable.grid .four.wide.column > .menu a:hover {
   background-color: var(--color-light);
 }