Merge branch 'main' into main

web_src/css/admin.css

@@ -55,5 +55,5 @@
   padding: 1em 1.5em;
   border: 1px solid var(--color-info-border);
   background: var(--color-info-bg);
-  color: var(--color-info-text);
+  color: var(--color-text);
 }

web_src/css/base.css

@@ -501,10 +501,10 @@ img.ui.avatar,
 }
 
 blockquote.attention-note {
-  border-left-color: var(--color-blue-dark-1);
+  border-left-color: var(--color-info-text);
 }
 strong.attention-note, svg.attention-note {
-  color: var(--color-blue-dark-1);
+  color: var(--color-info-text);
 }
 
 blockquote.attention-tip {
@@ -515,10 +515,10 @@ strong.attention-tip, svg.attention-tip {
 }
 
 blockquote.attention-important {
-  border-left-color: var(--color-violet-dark-1);
+  border-left-color: var(--color-priority-text);
 }
 strong.attention-important, svg.attention-important {
-  color: var(--color-violet-dark-1);
+  color: var(--color-priority-text);
 }
 
 blockquote.attention-warning {
@@ -529,10 +529,10 @@ strong.attention-warning, svg.attention-warning {
 }
 
 blockquote.attention-caution {
-  border-left-color: var(--color-red-dark-1);
+  border-left-color: var(--color-error-text);
 }
 strong.attention-caution, svg.attention-caution {
-  color: var(--color-red-dark-1);
+  color: var(--color-error-text);
 }
 
 /* FIXME: this is a longstanding dirty patch since 2015, it only makes the pages more messy and shouldn't be used */

web_src/css/features/heatmap.css

@@ -32,26 +32,29 @@
   fill: currentcolor !important;
 }
 
-/* root legend */
-#user-heatmap .vch__container > .vch__legend {
+#user-heatmap .heatmap-footer {
   display: flex;
   font-size: 11px;
   justify-content: space-between;
 }
 
-/* for the "Less" and "More" legend */
-#user-heatmap .vch__legend .vch__legend {
+/* "Less [colors] More" scale */
+#user-heatmap .heatmap-legend {
   display: flex;
   align-items: center;
   justify-content: right;
 }
 
-#user-heatmap .vch__legend .vch__legend div:first-child,
-#user-heatmap .vch__legend .vch__legend div:last-child {
+#user-heatmap .heatmap-legend-svg {
+  margin-right: -12px;
+}
+
+#user-heatmap .heatmap-legend > div:first-child,
+#user-heatmap .heatmap-legend > div:last-child {
   display: inline-block;
   padding: 0 5px;
 }
 
-#user-heatmap .vch__day__square:hover {
+#user-heatmap .heatmap-day:hover {
   outline: 1.5px solid var(--color-text);
 }

web_src/css/modules/breadcrumb.css

@@ -1,6 +1,7 @@
 .breadcrumb {
   display: flex;
   align-items: center;
+  flex-wrap: wrap;
   gap: 3px;
   overflow-wrap: anywhere;
 }

web_src/css/modules/card.css

@@ -122,14 +122,3 @@ a.ui.card:hover {
   color: var(--color-text);
   border-top-color: var(--color-secondary-light-1) !important;
 }
-
-.ui.three.cards {
-  margin-left: -1em;
-  margin-right: -1em;
-}
-
-.ui.three.cards > .card {
-  width: calc(33.33333333333333% - 2em);
-  margin-left: 1em;
-  margin-right: 1em;
-}

web_src/css/modules/comment.css

@@ -32,23 +32,6 @@
   padding-top: 0;
 }
 
-.ui.comments .comment > .comments {
-  margin: 0 0 0.5em 0.5em;
-  padding: 1em 0 1em 1em;
-}
-
-.ui.comments .comment > .comments::before {
-  position: absolute;
-  top: 0;
-  left: 0;
-}
-
-.ui.comments .comment > .comments .comment {
-  border: none;
-  border-top: none;
-  background: none;
-}
-
 .ui.comments .comment > .content {
   display: flex;
   flex-direction: column;
@@ -56,21 +39,6 @@
   min-width: 0;
 }
 
-.ui.comments .comment .metadata {
-  display: inline-block;
-  margin-left: 0.5em;
-  font-size: 0.875em;
-}
-
-.ui.comments .comment .metadata > * {
-  display: inline-block;
-  margin: 0 0.5em 0 0;
-}
-
-.ui.comments .comment .metadata > :last-child {
-  margin-right: 0;
-}
-
 .ui.comments .comment .text {
   margin: 0.25em 0 0.5em;
   font-size: 1em;

web_src/css/modules/form.css

@@ -124,18 +124,12 @@ textarea:focus,
 .ui.form .fields:not(.grouped):not(.inline) .field:not(:only-child) .ui.toggle.checkbox {
   margin-top: 2.21428571em;
 }
-.ui.form .fields:not(.grouped):not(.inline) .field:not(:only-child) .ui.slider.checkbox {
-  margin-top: 2.61428571em;
-}
 .ui.ui.form .field .fields .field:not(:only-child) .ui.checkbox {
   margin-top: 0.6em;
 }
 .ui.ui.form .field .fields .field:not(:only-child) .ui.toggle.checkbox {
   margin-top: 0.5em;
 }
-.ui.ui.form .field .fields .field:not(:only-child) .ui.slider.checkbox {
-  margin-top: 0.7em;
-}
 
 .ui.form .field > .selection.dropdown {
   min-width: 14em; /* matches the default min width */
@@ -204,14 +198,14 @@ textarea:focus,
 .ui.form .field.error input {
   background-color: var(--color-error-bg);
   border-color: var(--color-error-border);
-  color: var(--color-error-text);
+  color: var(--color-input-text);
 }
 .ui.form .field.error textarea:focus,
 .ui.form .field.error select:focus,
 .ui.form .field.error input:focus {
   background-color: var(--color-error-bg);
   border-color: var(--color-error-border);
-  color: var(--color-error-text);
+  color: var(--color-input-text);
 }
 
 .ui.form .field.error select {
@@ -289,15 +283,11 @@ textarea:focus,
   font-weight: var(--font-weight-medium);
   text-transform: none;
 }
-.ui.form .grouped.fields .field,
-.ui.form .grouped.inline.fields .field {
+.ui.form .grouped.fields .field {
   display: block;
   margin: 0.5em 0;
   padding: 0;
 }
-.ui.form .grouped.inline.fields .ui.checkbox {
-  margin-bottom: 0.4em;
-}
 
 .ui.form .fields {
   display: flex;

web_src/css/modules/grid.css

@@ -10,10 +10,6 @@
   margin: -1rem;
 }
 
-.ui.relaxed.grid {
-  margin-left: -1.5rem;
-  margin-right: -1.5rem;
-}
 .ui[class*="very relaxed"].grid {
   margin-left: -2.5rem;
   margin-right: -2.5rem;
@@ -71,18 +67,10 @@
   margin-bottom: 0;
 }
 
-.ui.grid .aligned.row > .column > .segment:not(.compact):not(.attached),
-.ui.aligned.grid .column > .segment:not(.compact):not(.attached) {
-  width: 100%;
-}
-
 .ui.grid .row + .ui.divider {
   flex-grow: 1;
   margin: 1rem;
 }
-.ui.grid .column + .ui.vertical.divider {
-  height: calc(50% - 1rem);
-}
 
 .ui.grid > .row > .column:last-child > .horizontal.segment,
 .ui.grid > .column:last-child > .horizontal.segment {
@@ -140,119 +128,14 @@
   width: 100%;
 }
 
-.ui[class*="one column"].grid > .row > .column,
-.ui[class*="one column"].grid > .column:not(.row) {
-  width: 100%;
-}
 .ui[class*="two column"].grid > .row > .column,
 .ui[class*="two column"].grid > .column:not(.row) {
   width: 50%;
 }
-.ui[class*="three column"].grid > .row > .column,
-.ui[class*="three column"].grid > .column:not(.row) {
-  width: 33.33333333%;
-}
-.ui[class*="four column"].grid > .row > .column,
-.ui[class*="four column"].grid > .column:not(.row) {
-  width: 25%;
-}
-.ui[class*="five column"].grid > .row > .column,
-.ui[class*="five column"].grid > .column:not(.row) {
-  width: 20%;
-}
-.ui[class*="six column"].grid > .row > .column,
-.ui[class*="six column"].grid > .column:not(.row) {
-  width: 16.66666667%;
-}
-.ui[class*="seven column"].grid > .row > .column,
-.ui[class*="seven column"].grid > .column:not(.row) {
-  width: 14.28571429%;
-}
-.ui[class*="eight column"].grid > .row > .column,
-.ui[class*="eight column"].grid > .column:not(.row) {
-  width: 12.5%;
-}
-.ui[class*="nine column"].grid > .row > .column,
-.ui[class*="nine column"].grid > .column:not(.row) {
-  width: 11.11111111%;
-}
-.ui[class*="ten column"].grid > .row > .column,
-.ui[class*="ten column"].grid > .column:not(.row) {
-  width: 10%;
-}
-.ui[class*="eleven column"].grid > .row > .column,
-.ui[class*="eleven column"].grid > .column:not(.row) {
-  width: 9.09090909%;
-}
-.ui[class*="twelve column"].grid > .row > .column,
-.ui[class*="twelve column"].grid > .column:not(.row) {
-  width: 8.33333333%;
-}
-.ui[class*="thirteen column"].grid > .row > .column,
-.ui[class*="thirteen column"].grid > .column:not(.row) {
-  width: 7.69230769%;
-}
-.ui[class*="fourteen column"].grid > .row > .column,
-.ui[class*="fourteen column"].grid > .column:not(.row) {
-  width: 7.14285714%;
-}
-.ui[class*="fifteen column"].grid > .row > .column,
-.ui[class*="fifteen column"].grid > .column:not(.row) {
-  width: 6.66666667%;
-}
-.ui[class*="sixteen column"].grid > .row > .column,
-.ui[class*="sixteen column"].grid > .column:not(.row) {
-  width: 6.25%;
-}
 
-.ui.grid > [class*="one column"].row > .column {
-  width: 100% !important;
-}
 .ui.grid > [class*="two column"].row > .column {
   width: 50% !important;
 }
-.ui.grid > [class*="three column"].row > .column {
-  width: 33.33333333% !important;
-}
-.ui.grid > [class*="four column"].row > .column {
-  width: 25% !important;
-}
-.ui.grid > [class*="five column"].row > .column {
-  width: 20% !important;
-}
-.ui.grid > [class*="six column"].row > .column {
-  width: 16.66666667% !important;
-}
-.ui.grid > [class*="seven column"].row > .column {
-  width: 14.28571429% !important;
-}
-.ui.grid > [class*="eight column"].row > .column {
-  width: 12.5% !important;
-}
-.ui.grid > [class*="nine column"].row > .column {
-  width: 11.11111111% !important;
-}
-.ui.grid > [class*="ten column"].row > .column {
-  width: 10% !important;
-}
-.ui.grid > [class*="eleven column"].row > .column {
-  width: 9.09090909% !important;
-}
-.ui.grid > [class*="twelve column"].row > .column {
-  width: 8.33333333% !important;
-}
-.ui.grid > [class*="thirteen column"].row > .column {
-  width: 7.69230769% !important;
-}
-.ui.grid > [class*="fourteen column"].row > .column {
-  width: 7.14285714% !important;
-}
-.ui.grid > [class*="fifteen column"].row > .column {
-  width: 6.66666667% !important;
-}
-.ui.grid > [class*="sixteen column"].row > .column {
-  width: 6.25% !important;
-}
 
 .ui.grid > .row > [class*="one wide"].column,
 .ui.grid > .column.row > [class*="one wide"].column,
@@ -302,12 +185,6 @@
 .ui.column.grid > [class*="eight wide"].column {
   width: 50% !important;
 }
-.ui.grid > .row > [class*="nine wide"].column,
-.ui.grid > .column.row > [class*="nine wide"].column,
-.ui.grid > [class*="nine wide"].column,
-.ui.column.grid > [class*="nine wide"].column {
-  width: 56.25% !important;
-}
 .ui.grid > .row > [class*="ten wide"].column,
 .ui.grid > .column.row > [class*="ten wide"].column,
 .ui.grid > [class*="ten wide"].column,
@@ -338,12 +215,6 @@
 .ui.column.grid > [class*="fourteen wide"].column {
   width: 87.5% !important;
 }
-.ui.grid > .row > [class*="fifteen wide"].column,
-.ui.grid > .column.row > [class*="fifteen wide"].column,
-.ui.grid > [class*="fifteen wide"].column,
-.ui.column.grid > [class*="fifteen wide"].column {
-  width: 93.75% !important;
-}
 .ui.grid > .row > [class*="sixteen wide"].column,
 .ui.grid > .column.row > [class*="sixteen wide"].column,
 .ui.grid > [class*="sixteen wide"].column,
@@ -352,14 +223,12 @@
 }
 
 .ui.centered.grid,
-.ui.centered.grid > .row,
-.ui.grid > .centered.row {
+.ui.centered.grid > .row {
   text-align: center;
   justify-content: center;
 }
 .ui.centered.grid > .column:not(.aligned):not(.justified):not(.row),
-.ui.centered.grid > .row > .column:not(.aligned):not(.justified),
-.ui.grid .centered.row > .column:not(.aligned):not(.justified) {
+.ui.centered.grid > .row > .column:not(.aligned):not(.justified) {
   text-align: left;
 }
 .ui.grid > .centered.column,
@@ -369,12 +238,6 @@
   margin-right: auto;
 }
 
-.ui.relaxed.grid > .column:not(.row),
-.ui.relaxed.grid > .row > .column,
-.ui.grid > .relaxed.row > .column {
-  padding-left: 1.5rem;
-  padding-right: 1.5rem;
-}
 .ui[class*="very relaxed"].grid > .column:not(.row),
 .ui[class*="very relaxed"].grid > .row > .column,
 .ui.grid > [class*="very relaxed"].row > .column {
@@ -382,11 +245,6 @@
   padding-right: 2.5rem;
 }
 
-.ui.relaxed.grid .row + .ui.divider,
-.ui.grid .relaxed.row + .ui.divider {
-  margin-left: 1.5rem;
-  margin-right: 1.5rem;
-}
 .ui[class*="very relaxed"].grid .row + .ui.divider,
 .ui.grid [class*="very relaxed"].row + .ui.divider {
   margin-left: 2.5rem;
@@ -439,23 +297,3 @@
     margin-right: -1rem !important;
   }
 }
-
-.ui.ui.ui.compact.grid > .column:not(.row),
-.ui.ui.ui.compact.grid > .row > .column {
-  padding-left: 0.5rem;
-  padding-right: 0.5rem;
-}
-.ui.ui.ui.compact.grid > * {
-  padding-left: 0.5rem;
-  padding-right: 0.5rem;
-}
-
-.ui.ui.ui.compact.grid > .row {
-  padding-top: 0.5rem;
-  padding-bottom: 0.5rem;
-}
-
-.ui.ui.ui.compact.grid > .column:not(.row) {
-  padding-top: 0.5rem;
-  padding-bottom: 0.5rem;
-}

web_src/css/modules/header.css

@@ -24,10 +24,6 @@
   vertical-align: middle;
 }
 
-.ui.header > .ui.label.compact {
-  margin-top: inherit;
-}
-
 .ui.header .sub.header {
   display: block;
   font-weight: var(--font-weight-normal);

web_src/css/modules/input.css

@@ -38,7 +38,7 @@
 .ui.input.error > input {
   background: var(--color-error-bg);
   border-color: var(--color-error-border);
-  color: var(--color-error-text);
+  color: var(--color-input-text);
 }
 
 .ui.icon.input > i.icon {
@@ -69,42 +69,24 @@
   visibility: hidden;
 }
 
-.ui.ui.ui.ui.icon.input > textarea,
 .ui.ui.ui.ui.icon.input > input {
   padding-right: 2.67142857em;
 }
-.ui.icon.input > i.link.icon {
-  cursor: pointer;
-}
-.ui.icon.input > i.circular.icon {
-  top: 0.35em;
-  right: 0.5em;
-}
 
 .ui[class*="left icon"].input > i.icon {
   right: auto;
   left: 1px;
   border-radius: 0.28571429rem 0 0 0.28571429rem;
 }
-.ui[class*="left icon"].input > i.circular.icon {
-  right: auto;
-  left: 0.5em;
-}
-.ui.ui.ui.ui[class*="left icon"].input > textarea,
 .ui.ui.ui.ui[class*="left icon"].input > input {
   padding-left: 2.67142857em;
   padding-right: 1em;
 }
 
-.ui.icon.input > textarea:focus ~ .icon,
 .ui.icon.input > input:focus ~ .icon {
   opacity: 1;
 }
 
-.ui.icon.input > textarea ~ i.icon {
-  height: 3em;
-}
-
 .ui.form .field.error > .ui.action.input > .ui.button,
 .ui.action.input.error > .ui.button {
   border-top: 1px solid var(--color-error-border);

web_src/css/modules/label.css

@@ -184,12 +184,6 @@ a.ui.ui.ui.basic.yellow.label:hover {
   border-color: var(--color-yellow-dark-1);
   color: var(--color-yellow-dark-1);
 }
-.ui.ui.ui.olive.label {
-  background: var(--color-olive);
-  border-color: var(--color-olive);
-  color: var(--color-white);
-}
-
 .ui.ui.ui.green.label {
   background: var(--color-green);
   border-color: var(--color-green);
@@ -221,16 +215,6 @@ a.ui.ui.ui.purple.label:hover {
   border-color: var(--color-purple-dark-1);
   color: var(--color-white);
 }
-.ui.ui.ui.basic.purple.label {
-  background: transparent;
-  border-color: var(--color-purple);
-  color: var(--color-purple);
-}
-a.ui.ui.ui.basic.purple.label:hover {
-  background: transparent;
-  border-color: var(--color-purple-dark-1);
-  color: var(--color-purple-dark-1);
-}
 
 .ui.ui.ui.grey.label {
   background: var(--color-label-bg);
@@ -242,16 +226,6 @@ a.ui.ui.ui.grey.label:hover {
   border-color: var(--color-label-hover-bg);
   color: var(--color-white);
 }
-.ui.ui.ui.basic.grey.label {
-  background: transparent;
-  border-color: var(--color-label-bg);
-  color: var(--color-label-text);
-}
-a.ui.ui.ui.basic.grey.label:hover {
-  background: transparent;
-  border-color: var(--color-label-hover-bg);
-  color: var(--color-label-hover-bg);
-}
 
 /* "horizontal label" is actually "fat label" which has enough padding spaces to be used standalone in headers */
 .ui.horizontal.label {

web_src/css/modules/menu.css

@@ -173,10 +173,6 @@
   margin-top: 0.35714286em;
 }
 
-.ui.menu .pointing.dropdown.item .menu {
-  margin-top: 0.75em;
-}
-
 .ui.menu .item > .label:not(.floating) {
   margin-left: 1em;
   padding: 0.3em 0.78571429em;
@@ -188,9 +184,6 @@
   float: right;
   text-align: center;
 }
-.ui.menu .item > .floating.label {
-  padding: 0.3em 0.78571429em;
-}
 .ui.menu .item > .label {
   background: var(--color-label-bg);
   color: var(--color-label-text);
@@ -266,22 +259,12 @@
   display: inherit;
 }
 
-.ui.menu:not(.vertical) .center.item {
-  display: flex;
-  margin-left: auto !important;
-  margin-right: auto !important;
-}
-
 .ui.menu .right.item::before,
 .ui.menu .right.menu > .item::before {
   right: auto;
   left: 0;
 }
 
-.ui.menu .center.item:last-child::before {
-  display: none;
-}
-
 .ui.vertical.menu {
   display: block;
   flex-direction: column;
@@ -381,9 +364,6 @@
   background: none transparent;
   border-bottom: 1px solid var(--color-secondary);
 }
-.ui.tabular.fluid.menu {
-  width: calc(100% + 2px) !important;
-}
 .ui.tabular.menu .item {
   background: transparent;
   border-bottom: none;
@@ -523,14 +503,6 @@
   background: var(--color-active);
 }
 
-.ui.secondary.item.menu {
-  margin-left: 0;
-  margin-right: 0;
-}
-.ui.secondary.item.menu .item:last-child {
-  margin-right: 0;
-}
-
 .ui.vertical.secondary.menu .item:not(.dropdown) > .menu {
   margin: 0 -0.92857143em;
 }
@@ -624,10 +596,6 @@
   .ui.stackable.menu .right.item {
     margin-left: 0 !important;
   }
-  .ui.stackable.menu .center.item {
-    margin-left: 0 !important;
-    margin-right: 0 !important;
-  }
   .ui.stackable.menu .right.menu,
   .ui.stackable.menu .left.menu {
     flex-direction: column;
@@ -635,8 +603,7 @@
 }
 
 .ui.borderless.menu .item::before,
-.ui.borderless.menu .item .menu .item::before,
-.ui.menu .borderless.item::before {
+.ui.borderless.menu .item .menu .item::before {
   background: none !important;
 }
 
@@ -646,19 +613,12 @@
   vertical-align: middle;
   flex-shrink: 0;
 }
-.ui.compact.vertical.menu {
-  display: inline-block;
-  width: auto !important;
-}
 .ui.compact.menu:not(.secondary) .item:last-child {
   border-radius: 0 0.28571429rem 0.28571429rem 0;
 }
 .ui.compact.menu .item:last-child::before {
   display: none;
 }
-.ui.compact.vertical.menu .item:last-child::before {
-  display: block;
-}
 
 .ui.menu.fluid,
 .ui.vertical.menu.fluid {
@@ -675,9 +635,6 @@
   text-align: center;
   justify-content: center;
 }
-.ui.attached.item.menu:not(.tabular) {
-  margin: 0 -1px !important;
-}
 .ui.item.menu .item:last-child::before {
   display: none;
 }

web_src/css/modules/message.css

@@ -12,6 +12,25 @@
   border-radius: var(--border-radius);
 }
 
+details.ui.message {
+  padding: 0;
+}
+
+details.ui.message summary {
+  padding: 1em 1.5em;
+}
+
+details.ui.message pre {
+  margin: -1.25em 0 0;
+  padding: 0.5em 1.5em;
+  white-space: pre-wrap;
+}
+
+details.ui.message:not(:has(pre)) summary {
+  list-style: none;
+  cursor: text;
+}
+
 .ui.message:first-child {
   margin-top: 0;
 }
@@ -51,7 +70,6 @@
 .ui.blue.message,
 .ui.attached.blue.message {
   background: var(--color-info-bg);
-  color: var(--color-info-text);
   border-color: var(--color-info-border);
 }
 
@@ -60,27 +78,21 @@
 .ui.positive.message,
 .ui.attached.positive.message {
   background: var(--color-success-bg);
-  color: var(--color-success-text);
   border-color: var(--color-success-border);
 }
 
 .ui.error.message,
 .ui.attached.error.message,
 .ui.red.message,
-.ui.attached.red.message,
 .ui.negative.message,
 .ui.attached.negative.message {
   background: var(--color-error-bg);
-  color: var(--color-error-text);
   border-color: var(--color-error-border);
 }
 
 .ui.warning.message,
-.ui.attached.warning.message,
-.ui.yellow.message,
-.ui.attached.yellow.message {
+.ui.attached.warning.message {
   background: var(--color-warning-bg);
-  color: var(--color-warning-text);
   border-color: var(--color-warning-border);
 }
 

web_src/css/modules/table.css

@@ -226,18 +226,10 @@
 .ui.table td.six.wide {
   width: 37.5%;
 }
-.ui.table th.seven.wide,
-.ui.table td.seven.wide {
-  width: 43.75%;
-}
 .ui.table th.eight.wide,
 .ui.table td.eight.wide {
   width: 50%;
 }
-.ui.table th.nine.wide,
-.ui.table td.nine.wide {
-  width: 56.25%;
-}
 .ui.table th.ten.wide,
 .ui.table td.ten.wide {
   width: 62.5%;
@@ -246,26 +238,6 @@
 .ui.table td.eleven.wide {
   width: 68.75%;
 }
-.ui.table th.twelve.wide,
-.ui.table td.twelve.wide {
-  width: 75%;
-}
-.ui.table th.thirteen.wide,
-.ui.table td.thirteen.wide {
-  width: 81.25%;
-}
-.ui.table th.fourteen.wide,
-.ui.table td.fourteen.wide {
-  width: 87.5%;
-}
-.ui.table th.fifteen.wide,
-.ui.table td.fifteen.wide {
-  width: 93.75%;
-}
-.ui.table th.sixteen.wide,
-.ui.table td.sixteen.wide {
-  width: 100%;
-}
 
 .ui.basic.table {
   background: transparent;

web_src/css/org.css

@@ -31,21 +31,6 @@
   color: var(--color-text-light-3);
 }
 
-.organization.invite #invite-box {
-  margin: 50px auto auto;
-  width: 500px !important;
-}
-
-.organization.invite #invite-box #search-user-box input {
-  margin-left: 0;
-  width: 300px;
-}
-
-.organization.invite #invite-box .ui.button {
-  margin-left: 5px;
-  margin-top: -3px;
-}
-
 .organization.invite .ui.avatar {
   width: 100%;
   height: 100%;

web_src/css/repo.css

@@ -199,18 +199,19 @@ td .commit-summary {
 }
 
 .repo-editor-header {
+  /* it should match ".repo-button-row" so the tree toggle button stays aligned */
+  margin: 8px 0;
   display: flex;
-  margin: 1rem 0;
-  padding: 3px 0;
-  width: 100%;
-  gap: 0.5em;
   align-items: center;
+  gap: 8px;
+  width: 100%;
 }
 
 .repo-editor-header input {
   vertical-align: middle !important;
   width: auto !important;
-  padding: 7px 8px !important;
+  height: 30px !important;
+  padding: 5px 8px !important;
   margin-right: 5px !important;
 }
 

web_src/css/themes/theme-gitea-dark.css

@@ -163,16 +163,19 @@ gitea-theme-meta-info {
   --color-error-bg: #322226;
   --color-error-bg-active: #49262a;
   --color-error-bg-hover: #3c2427;
-  --color-error-text: var(--color-text);
+  --color-error-text: #f85149;
   --color-success-border: #225633;
   --color-success-bg: #1c3329;
-  --color-success-text: var(--color-text);
+  --color-success-text: #3fb950;
   --color-warning-border: #5f481a;
   --color-warning-bg: #342e1f;
-  --color-warning-text: var(--color-text);
+  --color-warning-text: #d29922;
   --color-info-border: #254a7e;
   --color-info-bg: #1b283a;
-  --color-info-text: var(--color-text);
+  --color-info-text: #2f81f7;
+  --color-priority-border: #4a268d;
+  --color-priority-bg: #251c39;
+  --color-priority-text: #a371f7;
   --color-red-badge: #db2828;
   --color-red-badge-bg: #db28281a;
   --color-red-badge-hover-bg: #db28284d;

web_src/css/themes/theme-gitea-light.css

@@ -163,16 +163,19 @@ gitea-theme-meta-info {
   --color-error-bg: #ffebe9;
   --color-error-bg-active: #ffcecb;
   --color-error-bg-hover: #ffdcd7;
-  --color-error-text: var(--color-text);
+  --color-error-text: #d1242f;
   --color-success-border: #4ac26b66;
   --color-success-bg: #dafbe1;
-  --color-success-text: var(--color-text);
+  --color-success-text: #1a7f37;
   --color-warning-border: #d4a72c66;
   --color-warning-bg: #fff8c5;
-  --color-warning-text: var(--color-text);
+  --color-warning-text: #9a6700;
   --color-info-border: #54aeff66;
   --color-info-bg: #ddf4ff;
-  --color-info-text: var(--color-text);
+  --color-info-text: #0969da;
+  --color-priority-border: #b9a1ff66;
+  --color-priority-bg: #f3e7ff;
+  --color-priority-text: #8250df;
   --color-red-badge: #db2828;
   --color-red-badge-bg: #db28281a;
   --color-red-badge-hover-bg: #db28284d;