Changing how colors work

Author: webdevnerdstuff

package.json

@@ -65,45 +65,45 @@
 		"wdns"
 	],
 	"dependencies": {
-		"vue": "^3.3.4",
-		"vuetify": "^3.3.19"
+		"vue": "^3.3.7",
+		"vuetify": "^3.3.23"
 	},
 	"devDependencies": {
-		"@babel/core": "^7.23.0",
+		"@babel/core": "^7.23.2",
 		"@babel/eslint-parser": "^7.22.15",
-		"@faker-js/faker": "^8.1.0",
+		"@faker-js/faker": "^8.2.0",
 		"@fortawesome/fontawesome-svg-core": "^6.4.2",
 		"@fortawesome/free-brands-svg-icons": "^6.4.2",
 		"@fortawesome/free-solid-svg-icons": "^6.4.2",
 		"@fortawesome/vue-fontawesome": "^3.0.3",
-		"@mdi/font": "^7.2.96",
-		"@rollup/plugin-alias": "^5.0.0",
-		"@rollup/plugin-commonjs": "^25.0.4",
-		"@rollup/plugin-json": "^6.0.0",
-		"@rollup/plugin-node-resolve": "^15.2.1",
-		"@rollup/plugin-terser": "^0.4.3",
-		"@types/node": "^20.8.0",
-		"@typescript-eslint/eslint-plugin": "^6.7.4",
-		"@typescript-eslint/parser": "^6.7.4",
+		"@mdi/font": "^7.3.67",
+		"@rollup/plugin-alias": "^5.0.1",
+		"@rollup/plugin-commonjs": "^25.0.7",
+		"@rollup/plugin-json": "^6.0.1",
+		"@rollup/plugin-node-resolve": "^15.2.3",
+		"@rollup/plugin-terser": "^0.4.4",
+		"@types/node": "^20.8.9",
+		"@typescript-eslint/eslint-plugin": "^6.9.1",
+		"@typescript-eslint/parser": "^6.9.1",
 		"@vitejs/plugin-vue": "^4.4.0",
 		"@vue/cli-plugin-babel": "^5.0.8",
 		"@vue/cli-plugin-eslint": "^5.0.8",
 		"@vue/cli-service": "^5.0.8",
-		"@vue/compiler-sfc": "^3.3.4",
+		"@vue/compiler-sfc": "^3.3.7",
 		"@vue/eslint-config-typescript": "^12.0.0",
-		"@vueuse/core": "^10.4.1",
+		"@vueuse/core": "^10.5.0",
 		"autoprefixer": "^10.4.16",
-		"core-js": "^3.33.0",
-		"eslint": "^8.50.0",
+		"core-js": "^3.33.2",
+		"eslint": "^8.52.0",
 		"eslint-config-prettier": "^9.0.0",
-		"eslint-plugin-import": "^2.28.1",
-		"eslint-plugin-prettier": "^5.0.0",
-		"eslint-plugin-vue": "^9.17.0",
+		"eslint-plugin-import": "^2.29.0",
+		"eslint-plugin-prettier": "^5.0.1",
+		"eslint-plugin-vue": "^9.18.1",
 		"gh-pages": "^6.0.0",
 		"husky": "^8.0.3",
-		"lint-staged": "^14.0.1",
-		"miragejs": "^0.1.47",
-		"pinia": "^2.1.6",
+		"lint-staged": "^15.0.2",
+		"miragejs": "^0.1.48",
+		"pinia": "^2.1.7",
 		"postcss": "^8.4.31",
 		"postcss-html": "^1.5.0",
 		"postcss-scss": "^4.0.9",
@@ -115,22 +115,22 @@
 		"rollup-plugin-postcss": "^4.0.2",
 		"rollup-plugin-scss": "^4.0.0",
 		"rollup-plugin-typescript2": "^0.36.0",
-		"sass": "^1.68.0",
-		"stylelint": "^15.10.3",
+		"sass": "^1.69.5",
+		"stylelint": "^15.11.0",
 		"stylelint-config-standard": "^34.0.0",
 		"stylelint-order": "^6.0.3",
-		"stylelint-scss": "^5.2.1",
+		"stylelint-scss": "^5.3.0",
 		"typescript": "^5.2.2",
-		"unplugin-auto-import": "^0.16.4",
-		"vite": "^4.4.9",
+		"unplugin-auto-import": "^0.16.7",
+		"vite": "^4.5.0",
 		"vite-plugin-babel": "^1.1.3",
 		"vite-plugin-css-injected-by-js": "^3.3.0",
-		"vite-plugin-dts": "^3.6.0",
+		"vite-plugin-dts": "^3.6.3",
 		"vite-plugin-eslint": "^1.8.1",
 		"vite-plugin-static-copy": "^0.17.0",
-		"vite-plugin-stylelint": "^5.1.1",
+		"vite-plugin-stylelint": "^5.2.0",
 		"vite-plugin-vuetify": "^1.0.2",
-		"vue-tsc": "1.8.15",
+		"vue-tsc": "1.8.22",
 		"vue3-code-block": "^2.2.12",
 		"webfontloader": "^1.6.28"
 	}