UI: Tweak tab text and icon colors (#6760)

This adds a hover highlight and fades out the icon on inactive tabs.
go-gitea · Apr 29, 2019 · c64fe09 · c64fe09
1 parent 8d0d7bc
commit c64fe09
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/public/css/index.css b/public/css/index.css
diff --git a/public/less/_base.less b/public/less/_base.less
@@ -760,3 +760,14 @@ footer {
 .oauth2-authorize-application-box {
     margin-top: 3em !important;
 }
+
+/* Tab color tweaks */
+.ui.tabular.menu .item {
+  color: rgba(0,0,0,.5);
+}
+.ui.tabular.menu .item:hover {
+  color: rgba(0,0,0,.8);
+}
+.ui.tabular.menu .item.active {
+  color: rgba(0,0,0,.9);
+}