Merge pull request 'Add missing classes to darkmode, add #repo-files-table and mising tags' (#3) from feature/more_support into master

Reviewed-on: #3
Reviewed-by: Joseph Stalin <minecraftfreak303@gmail.com>

.stylelintrc.json

@@ -0,0 +1,3 @@
+{
+  "extends": "stylelint-config-standard"
+} 

Jenkinsfile

@@ -0,0 +1,35 @@
+pipeline {
+    agent any
+
+    stages {
+		stage('Check Indentation') {
+            steps {
+                script {
+                    // Check for spaces or mixed indentation
+                    sh '''
+                    if grep -P "^[ ]+" -r ./**/*.css; then
+                        echo "Error: Files contain spaces instead of tabs for indentation."
+                        exit 1
+                    fi
+                    if grep -P "^\\t+ +" -r ./**/*.css; then
+                        echo "Error: Files contain mixed tabs and spaces for indentation."
+                        exit 1
+                    fi
+                    echo "No indentation errors detected."
+                    '''
+                }
+            }
+		}
+        stage('Validate CSS Syntax') {
+            steps {
+                script {
+                    sh 'stylelint ./**/*.css'
+                }
+            }
+        }
+    }
+}
+
+
+
+

css/theme-flaredefault-auto.css

@@ -1,2 +1,2 @@
-@import "./theme-flaredefault-light.css" (prefers-color-scheme: light);
+@import url("./theme-flaredefault-light.css") (prefers-color-scheme: light);
-@import "./theme-flaredefault-dark.css" (prefers-color-scheme: dark);
+@import url("./theme-flaredefault-dark.css") (prefers-color-scheme: dark);

css/theme-flaredefault-dark.css

@@ -1,28 +1,50 @@
-@import "./theme-gitea-dark\.css";
+@import url("./theme-gitea-dark\.css");
 
 body {
-        background: linear-gradient(#444,#222);
+	background: #333;
-        background-repeat: no-repeat;
-        background-color: #222 !important;
 }
 
 #navbar{
-        zindex:1;
 	background: linear-gradient(#df852b, #c4792f);
 	color: black;
 	font-weight: bold;
 	font-size: 150%;
 	border: none;
-        box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
+	box-shadow: 0 2px 5px rgb(0 0 0 / 20%);
 }
 
 .secondary-nav{
 	background: linear-gradient(#555,#333) !important;
-        box-shadow: black 0px 0px 5px;
+	box-shadow: black 0 0 5px;
 }
 
-.ui.table, .ui.segments, #readme, .ui.dashboard-repos{
+.ui.table, .ui.segments, .ui.segment, #readme, .ui.dashboard-repos, .ui.vertical.menu, .ui.attached.segment, .ui.top.attached.header, #repo-files-table{
-        box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
+	box-shadow: 0 2px 5px rgb(0 0 0 / 20%);
+}
+
+.repository .diff-detail-box{
+	margin: 0;
+	box-shadow: 0 2px 5px rgb(0 0 0 / 20%);
+}
+
+#diff-file-tree{
+	box-shadow: 0 3px 3px rgb(0 0 0 / 20%);
+	background-color: var(--color-body);
+	z-index: 1000;
+	margin-right: 10px;
+}
+
+#diff-file-boxes{
+	margin-top: 10px;
+}
+
+.page-footer{
+	box-shadow: 0 -2px 5px rgb(0 0 0 / 20%);
+}
+
+.ui.tabular.menu .active.item, .ui.tabular.menu .active.item:hover {
+	background: linear-gradient(var(--color-body),#333);
+	border-bottom: none;
 }
 
 :root {

css/theme-flaredefault-light.css

@@ -1,33 +1,50 @@
-@import "./theme-gitea-light.css";
+@import url("./theme-gitea-light.css");
 
 body {
-        background: linear-gradient(#F0F0F0, #E0E0E0);
-        background-repeat: no-repeat;
 	background-color: #E0E0E0 !important;
 }
 
 #navbar{
-        zindex:1;
 	background: linear-gradient(#333, #000);
 	color: white;
 	font-weight: bold;
 	font-size: 150%;
 	border: none;
-        box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
+	box-shadow: 0 2px 5px rgb(0 0 0 / 20%);
 }
 
 .secondary-nav{
 	background: linear-gradient(#E6E6E6,#BFBFBF) !important;
-        box-shadow: black 0px 0px 5px;
+	box-shadow: black 0 0 5px;
 }
 
-.ui.table, .ui.segments, #readme, .ui.dashboard-repos, .ui.vertical.menu, .ui.attached.segment, .ui.top.attached.header{
+.ui.table, .ui.segments, .ui.segment, #readme, .ui.dashboard-repos, .ui.vertical.menu, .ui.attached.segment, .ui.top.attached.header, #repo-files-table{
-        box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
+	box-shadow: 0 2px 5px rgb(0 0 0 / 20%);
+}
+
+.repository .diff-detail-box{
+	margin: 0;
+	box-shadow: 0 2px 5px rgb(0 0 0 / 20%);
+}
+
+#diff-file-tree{
+	box-shadow: 0 3px 3px rgb(0 0 0 / 20%);
+	background-color: var(--color-body);
+	z-index: 1000;
+	margin-right: 10px;
+}
+
+#diff-file-boxes{
+	margin-top: 10px;
 }
 
 .page-footer{
 	background: linear-gradient(#EFEFEF, #DEDEDE);
-        box-shadow: 0px -2px 5px rgba(0,0,0,0.2);
+	box-shadow: 0 -2px 5px rgb(0 0 0 / 20%);
+}
+
+.ui.tabular.menu .active.item, .ui.tabular.menu .active.item:hover {
+	background: linear-gradient(var(--color-body),#E0E0E0);
 }
 
 :root {