CSS tweaks to warning/error segments and misc fixes (#13024)

* CSS tweaks to warning/error segments and misc fixes

- Adjust styling for warning/error in arc-green
- Change danger boxes from orange to red
- Fix code highlight text color in arc-green
- Fix warning message in arc-green
- Fix border in org member list in arc-green
- Fix disabled checkbox text in arc-green

* use same selector in gitea theme

* fix blame highlight

Co-authored-by: zeripath <art27@cantab.net>

2 files changed, 55 insertions, 11 deletions

diff --git a/web_src/less/_base.less b/web_src/less/_base.less
index eb0ee7ca73..dc4f4c6daa 100644
--- a/web_src/less/_base.less
+++ b/web_src/less/_base.less
@@ -476,6 +476,17 @@ code,
     vertical-align: middle;
   }
 
+  .error {
+    &.header {
+      background-color: #ffe8e6 !important;
+      border-color: #db2828;
+    }
+
+    &.segment {
+      border-color: #db2828;
+    }
+  }
+
   .warning {
     &.header {
       background-color: #f9edbe !important;
@@ -1044,6 +1055,11 @@ i.icon.centerlock {
   white-space: pre;
 }
 
+.lines-code.active,
+.lines-code .active {
+  background: #fffbdd !important;
+}
+
 .blame .lines-num {
   padding: 0 !important;
   background-color: #f5f5f5;
@@ -1122,11 +1138,6 @@ i.icon.centerlock {
   table {
     width: 100%;
   }
-
-  .active {
-    background: #fffbdd !important;
-  }
-
 }
 
 .octicon-tiny {
diff --git a/web_src/less/themes/theme-arc-green.less b/web_src/less/themes/theme-arc-green.less
index 3081cbcb24..4e657d376e 100644
--- a/web_src/less/themes/theme-arc-green.less
+++ b/web_src/less/themes/theme-arc-green.less
@@ -683,6 +683,11 @@ a.ui.basic.green.label:hover {
   color: #626773;
 }
 
+.ui.disabled.checkbox label,
+.ui.checkbox input[disabled] ~ label {
+  color: #9e9e9e;
+}
+
 .ui.pagination.menu .active.item {
   color: #dbdbdb;
   background-color: #87ab63;
@@ -1271,16 +1276,36 @@ input {
   color: #9ebcc5;
 }
 
-.ui .warning.header {
-  background-color: #5d3a22 !important;
-  border-color: #794f31;
+.ui .warning.header,
+.ui.warning.message {
+  background-color: #542 !important;
+  border-color: #ec8;
+}
+
+.ui.warning.message {
+  color: #ec8;
+  box-shadow: 0 0 0 1px #ec8;
+}
+
+.ui.warning.segment {
+  border-color: #ec8;
 }
 
 .ui.red.message,
 .ui.error.message {
-  background-color: rgba(80, 23, 17, .6);
+  background-color: #522;
   color: #f9cbcb;
-  box-shadow: 0 0 0 1px rgba(121, 71, 66, .5) inset, 0 0 0 0 transparent;
+  box-shadow: 0 0 0 1px #a04141 inset;
+}
+
+.ui .error.header,
+.ui.error.message {
+  background-color: #522 !important;
+  border-color: #a04141;
+}
+
+.ui.error.segment {
+  border-color: #a04141;
 }
 
 .ui.red.button,
@@ -1474,10 +1499,16 @@ a.blob-excerpt:hover {
   background: #87ab63;
 }
 
-.code-view .lines-code.active {
+.lines-code.active,
+.lines-code .active {
   background: #534d1b !important;
 }
 
+.ui.ui.ui.ui.table tr.active,
+.ui.ui.table td.active {
+  color: #dbdbdb;
+}
+
 a.ui.label:hover,
 a.ui.labels .label:hover {
   background-color: #505667 !important;
@@ -1595,6 +1626,8 @@ a.ui.labels .label:hover {
   border-color: #634343 !important;
 }
 
+.organization.teams .repositories .item:not(:last-child),
+.organization.teams .members .item:not(:last-child),
 .organization.teams .detail .item:not(:last-child),
 .organization.members .list .item {
   border-bottom-color: #404552;