Add Stylelint (hestiacp#3040)

Author: AlecRust

.github/workflows/lint.yml

@@ -40,4 +40,26 @@ jobs:
         run: yarn install --frozen-lockfile
 
       - name: Run ESLint
-        run: yarn lint
+        run: yarn eslint js
+
+  stylelint:
+    name: Stylelint
+    runs-on: ubuntu-latest
+    defaults:
+      run:
+        working-directory: web
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v3
+
+      - name: Setup Node
+        uses: actions/setup-node@v3
+        with:
+          cache: yarn
+          cache-dependency-path: web/yarn.lock
+
+      - name: Install Node packages
+        run: yarn install --frozen-lockfile
+
+      - name: Run Stylelint
+        run: yarn stylelint css/src/themes/*.css

web/.stylelintrc.json

@@ -0,0 +1,13 @@
+{
+  "extends": "stylelint-config-standard",
+  "rules": {
+    "selector-class-pattern": null,
+    "no-descending-specificity": null,
+    "block-no-empty": null,
+
+    "property-no-vendor-prefix": null,
+    "max-line-length": null,
+    "declaration-block-no-shorthand-property-overrides": null,
+    "selector-id-pattern": null
+  }
+}

web/css/src/themes/dark.css

@@ -126,8 +126,8 @@ strong {
   background-color: #ff3478;
 }
 
-.notification-container .unseen .notification-title a,
-.notification-container .unseen .notification-title {
+.notification-container .unseen .notification-title,
+.notification-container .unseen .notification-title a {
   color: #fff !important;
 }
 
@@ -607,14 +607,6 @@ div.l-content > div.l-separator:nth-of-type(4) {
   box-shadow: 0 1px 4px rgb(0 0 0 / 35%);
 }
 
-textarea::input-placeholder {
-  color: #bbb !important;
-}
-
-textarea:focus::input-placeholder {
-  color: #909090 !important;
-}
-
 textarea::placeholder {
   color: #bbb !important;
 }
@@ -797,9 +789,7 @@ td.hint {
 .additional-control:active {}
 
 .additional-control.delete:hover,
-
 .additional-control.delete:active,
-
 .additional-control.add:hover {}
 
 .additional-control.add:active {}