Prepare new release

.github/workflows/node.yml

@@ -29,6 +29,14 @@ jobs:
       with:
         node-version: ${{ matrix.node }}
 
-    # install dependencies and build
-    - name: Install deps and build
+    # install dependencies
+    - name: Install deps
       run: yarn install
+
+    # lint `scss` files
+    - name: Lint files
+      run: yarn run scss:lint
+
+    # build proccess
+    - name: Build proccess
+      run: yarn run build

.webpack/webpack.common.js

@@ -18,6 +18,7 @@ exports.commonConfig = ({ mode }) => (
       output: {
         filename: '../../../build/[name].js',
         path: themePath + '/css',
+        clean: true
       },
     },
     extractScss(),

.webpack/webpack.development.js

@@ -1,4 +1,3 @@
 exports.developmentConfig = () => ({
-  name: 'CSS development',
-  // devtool: 'source-map',
+  name: 'CSS Development',
 });

.webpack/webpack.production.js

@@ -1,7 +1,7 @@
 const CssMinimizerPlugin = require('css-minimizer-webpack-plugin');
 
 exports.productionConfig = () => ({
-  name: 'CSS production',
+  name: 'CSS Production',
   optimization: {
     minimize: true,
     minimizer: [
@@ -16,7 +16,7 @@ exports.productionConfig = () => ({
   },
   performance: {
     hints: 'warning',
-    maxAssetSize: 285000,
-    maxEntrypointSize: 570000,
+    maxAssetSize: 290000,
+    maxEntrypointSize: 580000,
   },
 });

LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2022-23 Adorade
+Copyright (c) 2022-24 Adorade
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

README.md

@@ -111,7 +111,7 @@ If your problem or idea is not addressed yet, [please open a new issue](https://
 ## License
 
 BooDark Theme is licensed under [MIT](LICENSE).  
-Copyright (c) 2022-23 [Adorade](https://github.com/adorade)
+Copyright (c) 2022-24 [Adorade](https://github.com/adorade)
 
 ## Thanks for use
 

package.json

@@ -5,39 +5,36 @@
   "repository": "https://github.com/adorade/boodark.git",
   "author": "Adorade",
   "scripts": {
-    "postinstall": "yarn run build",
     "build": "yarn run build:prod",
-    "build:analyze": "webpack --progress --mode=production --analyze",
     "build:dev": "webpack --progress --mode=development",
     "build:prod": "webpack --progress --mode=production",
     "watch": "webpack --progress --watch --mode=development",
-    "css:lint": "stylelint 'themes/boodark/scss/*.scss'"
+    "scss:lint": "stylelint 'themes/boodark/scss/*.scss'"
   },
   "dependencies": {
-    "@babel/runtime": "7.23.2",
     "@popperjs/core": "2.11.8",
-    "autoprefixer": "10.4.16",
-    "bootstrap": "5.2.3",
-    "css-loader": "6.8.1",
-    "css-minimizer-webpack-plugin": "5.0.1",
-    "mini-css-extract-plugin": "2.7.6",
-    "postcss": "8.4.31",
-    "postcss-cli": "10.1.0",
-    "postcss-loader": "7.3.3",
+    "bootstrap": "5.2.3"
+  },
+  "devDependencies": {
+    "@babel/runtime": "7.24.0",
+    "autoprefixer": "10.4.18",
+    "css-loader": "6.10.0",
+    "css-minimizer-webpack-plugin": "6.0.0",
+    "mini-css-extract-plugin": "2.8.1",
+    "postcss": "8.4.35",
+    "postcss-loader": "8.1.1",
     "rtlcss": "4.1.1",
     "rtlcss-webpack-plugin": "4.0.7",
     "sass": "1.64.2",
-    "sass-loader": "13.3.2",
-    "webpack": "5.89.0",
+    "sass-loader": "14.1.1",
+    "stylelint": "16.2.1",
+    "stylelint-config-standard-scss": "13.0.0",
+    "webpack": "5.90.3",
     "webpack-cli": "5.1.4",
     "webpack-merge": "5.10.0"
   },
-  "devDependencies": {
-    "stylelint": "15.11.0",
-    "stylelint-config-standard-scss": "11.0.0"
-  },
   "engines": {
-    "node": ">=14"
+    "node": ">=18.12.0"
   },
   "license": "MIT",
   "private": true

themes/boodark/scss/_common.scss → themes/boodark/scss/base/_common.scss

@@ -3,7 +3,7 @@
 // Common
 
 #page_content {
-  margin: 0 .5em;
+  margin: 0 .75em;
 }
 
 #navbarDropdown > img {

themes/boodark/scss/core/_colors.scss

@@ -0,0 +1,64 @@
+// stylelint-disable scss/dollar-variable-colon-space-after
+// Colors
+// =============================================================================
+
+// PMA color system
+// -----------------------------------------------------------------------------
+$white:             #fff;
+$black:             #000;
+$pma-gray-100:      #f8f9fa;
+$pma-gray-200:      #e9ecef;
+$pma-gray-300:      #dee2e6;
+$pma-gray-400:      #ced4da;
+$pma-gray-500:      #adb5bd;
+$pma-gray-600:      #6c757d;
+$pma-gray-700:      #495057;
+$pma-gray-800:      #343a40;
+$pma-gray-900:      #212529;
+$pma-gray-100-rgb:  248, 249, 250;
+$pma-gray-200-rgb:  233, 236, 239;
+$pma-gray-300-rgb:  222, 226, 230;
+$pma-gray-400-rgb:  206, 212, 218;
+$pma-gray-500-rgb:  173, 181, 189;
+$pma-gray-600-rgb:  108, 117, 125;
+$pma-gray-700-rgb:  73, 80, 87;
+$pma-gray-800-rgb:  52, 58, 64;
+$pma-gray-900-rgb:  33, 37, 41;
+$pma-blue:          #0d6efd;
+$pma-indigo:        #6610f2;
+$pma-purple:        #6f42c1;
+$pma-pink:          #d63384;
+$pma-red:           #dc3545;
+$pma-orange:        #fd7e14;
+$pma-yellow:        #ffc107;
+$pma-green:         #198754;
+$pma-teal:          #20c997;
+$pma-cyan:          #0dcaf0;
+$pma-nord:          #88c0d0;
+
+// Theme Colors
+// -----------------------------------------------------------------------------
+$pma-theme-colors: (
+  "white":    $white,
+  "black":    $black,
+  "gray-100": $pma-gray-100,
+  "gray-200": $pma-gray-200,
+  "gray-300": $pma-gray-300,
+  "gray-400": $pma-gray-400,
+  "gray-500": $pma-gray-500,
+  "gray-600": $pma-gray-600,
+  "gray-700": $pma-gray-700,
+  "gray-800": $pma-gray-800,
+  "gray-900": $pma-gray-900,
+  "blue":     $pma-blue,
+  "indigo":   $pma-indigo,
+  "purple":   $pma-purple,
+  "pink":     $pma-pink,
+  "red":      $pma-red,
+  "orange":   $pma-orange,
+  "yellow":   $pma-yellow,
+  "green":    $pma-green,
+  "teal":     $pma-teal,
+  "cyan":     $pma-cyan,
+  "nord":     $pma-nord
+);