Style code review comment for arc-green (#11572)

* Style code review comment for arc-green

* change border around review for light; update border around textarea to match #11570

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

1 files changed, 36 insertions, 3 deletions

diff --git a/web_src/less/themes/theme-arc-green.less b/web_src/less/themes/theme-arc-green.less
index a79bbe1ec5..5dea3b5e91 100644
--- a/web_src/less/themes/theme-arc-green.less
+++ b/web_src/less/themes/theme-arc-green.less
@@ -704,6 +704,11 @@ a.ui.basic.green.label:hover {
     color: #9e9e9e;
 }
 
+.repository.view.issue .comment-list .comment .tag {
+    color: #dbdbdb;
+    border-color: rgb(152, 152, 152);
+}
+
 .repository.view.issue .comment-list .timeline-item .badge.badge-commit {
     background: radial-gradient(#383c4a 60%, transparent 60%) no-repeat;
     height: 0 !important;
@@ -1338,16 +1343,44 @@ a.ui.labels .label:hover {
 }
 
 .comment-code-cloud {
-    .ui.attached.tabular.menu {
+    border-color: #3a3a3a;
+
+    &:before {
+        border-bottom: 13px solid #5a5a5a;
+    }
+
+    .ui.attached.top.header {
         background: none transparent;
         border: 0;
     }
 
-    .footer .markdown-info {
-        color: inherit;
+    .ui.active.tab {
+        &:not(.markdown) {
+            textarea:focus {
+                border: none;
+            }
+
+            background: #404552;
+        }
+
+        border-color: rgba(187, 187, 187, .24);
+    }
+
+    .footer {
+        border-top-color: #5a5a5a;
+
+        .markdown-info {
+            color: inherit;
+        }
+
     }
 }
 
+.add-comment-left.add-comment-right .ui.attached.header {
+    border-color: #5d5c5c;
+    border-right: none;
+}
+
 .file-comment {
     color: #888888;
 }