npm: Uninstall 'material-colors'

DarkNami · Nov 15, 2022 · 5a49db5 · 5a49db5
1 parent a850fd3
commit 5a49db5
Show file tree

Hide file tree

Showing 5 changed files with 35 additions and 40 deletions.
diff --git a/docs/styles/docs.less b/docs/styles/docs.less
@@ -1,7 +1,5 @@
 /* stylelint-disable declaration-no-important */
 
-@import "~material-colors/dist/colors.less";
-
 /* Utils */
 
 .horizontal-padding(@value) {
@@ -41,13 +39,13 @@ body {
   font-size: 14px;
   line-height: 1.5;
   font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-  color: @md-grey-700;
+  color: #616161;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
 
 ::selection {
-  background: fade(@md-light-blue-600, 10%);
+  background: fade(#039be5, 10%);
 }
 
 dl, h1, h2, h3, h4, h5, h6, ol, p, pre, ul {
@@ -89,7 +87,7 @@ input[type="radio"] {
 
 a {
   text-decoration: none;
-  color: @md-grey-700;
+  color: #616161;
 }
 
 a img {
@@ -166,7 +164,7 @@ kbd {
 
 #content a,
 .site-footer a {
-  color: @md-light-blue-600;
+  color: #039be5;
   font-weight: 600;
 }
 
@@ -250,7 +248,7 @@ kbd {
   }
 
   svg:hover {
-    color: @md-light-blue-600;
+    color: #039be5;
   }
 
   h1 & svg {
@@ -265,7 +263,7 @@ kbd {
 }
 
 p.tip {
-  @tip-color: @md-orange-500;
+  @tip-color: #ff9800;
 
   position: relative;
   margin: 1em 0;
@@ -513,7 +511,7 @@ label input[type="checkbox"] {
 
   a:hover,
   &.current a {
-    color: @md-light-blue-600;
+    color: #039be5;
     font-weight: 600;
   }
 }

diff --git a/docs/styles/prism.less b/docs/styles/prism.less
@@ -1,5 +1,3 @@
-@import "~material-colors/dist/colors.less";
-
 /**
  * prism.js default theme for JavaScript, CSS and HTML
  * Based on dabblet (http://dabblet.com)
@@ -42,7 +40,7 @@ pre[class*="language-"] {
 .token.prolog,
 .token.doctype,
 .token.cdata {
-  color: @md-blue-grey-300;
+  color: #90a4ae;
 }
 
 .token.punctuation {
@@ -60,7 +58,7 @@ pre[class*="language-"] {
 .token.constant,
 .token.symbol,
 .token.deleted {
-  color: @md-light-blue-800;
+  color: #0277bd;
 }
 
 .token.selector,
@@ -69,7 +67,7 @@ pre[class*="language-"] {
 .token.char,
 .token.builtin,
 .token.inserted {
-  color: @md-green-700;
+  color: #388e3c;
 }
 
 .token.operator,
@@ -83,11 +81,11 @@ pre[class*="language-"] {
 .token.atrule,
 .token.attr-value,
 .token.keyword {
-  color: @md-orange-900;
+  color: #e65100;
 }
 
 .token.function {
-  color: @md-red-900;
+  color: #b71c1c;
 }
 
 .token.regex,

diff --git a/package.json b/package.json
@@ -25,7 +25,7 @@
     "test": "npm run testonly",
     "pretest": "npm run lint",
     "lint:js": "eslint . --ext .js --ext .vue --cache --cache-location \"node_modules/.cache/eslint\"",
-    "lint:css": "stylelint \"**/*.less\" --custom-syntax postcss-less",
+    "lint:css": "stylelint \"**/*.less\"",
     "lint": "npm run lint:js && npm run lint:css",
     "verify-builds": "size-limit && node build/verify-builds.js",
     "finish": "npm test && npm run build-library && npm run verify-builds"
@@ -37,7 +37,6 @@
     "fuzzysearch": "^1.0.3",
     "is-promise": "^4.0.0",
     "lodash": "^4.17.21",
-    "material-colors": "^1.2.6",
     "watch-size": "^2.0.0"
   },
   "devDependencies": {

diff --git a/src/style.less b/src/style.less
@@ -2,7 +2,6 @@
  * Dependencies
  */
 
-@import "~material-colors/dist/colors.less";
 @import "~easings-css/index.less";
 
 /**
@@ -27,38 +26,38 @@
 @treeselect-control-border-color: #ddd;
 @treeselect-control-border-color-hover: #cfcfcf;
 @treeselect-control-border-color-active: @treeselect-control-border-color-hover;
-@treeselect-control-border-color-focus: @md-light-blue-600;
+@treeselect-control-border-color-focus: #039be5;
 @treeselect-control-border-radius: @treeselect-border-radius-lg;
 @treeselect-control-bg: #fff;
 @treeselect-control-box-shadow-focus: 0 0 0 3px fade(@treeselect-control-border-color-focus, 10%);
 @treeselect-control-bg-disabled: #f9f9f9;
 
-@treeselect-placeholder-font-color: @md-grey-400;
+@treeselect-placeholder-font-color: #bdbdbd;
 @treeselect-single-value-font-color: #333;
 @treeselect-single-value-font-color-focused: @treeselect-placeholder-font-color;
 @treeselect-multi-value-margin-x: 0;
 @treeselect-multi-value-margin-y: 2px;
 @treeselect-multi-value-padding-x: @treeselect-padding;
 @treeselect-multi-value-padding-y: 0;
 @treeselect-multi-value-font-size: @treeselect-font-size-sm;
-@treeselect-multi-value-font-color: @md-light-blue-600;
-@treeselect-multi-value-item-bg: @md-blue-50;
-@treeselect-multi-value-item-bg-new: @md-green-50;
+@treeselect-multi-value-font-color: #039be5;
+@treeselect-multi-value-item-bg: #e3f2fd;
+@treeselect-multi-value-item-bg-new: #e8f5e9;
 @treeselect-multi-value-item-border-width: 1px;
 @treeselect-multi-value-item-border-color: transparent;
 @treeselect-multi-value-font-color-hover: @treeselect-multi-value-font-color;
 @treeselect-multi-value-item-bg-hover: @treeselect-multi-value-item-bg;
 @treeselect-multi-value-item-bg-new-hover: @treeselect-multi-value-item-bg-new;
-@treeselect-multi-value-font-color-disabled: @md-grey-600;
-@treeselect-multi-value-item-bg-disabled: @md-grey-100;
+@treeselect-multi-value-font-color-disabled: #757575;
+@treeselect-multi-value-item-bg-disabled: #f5f5f5;
 @treeselect-multi-value-item-font-color-control-disabled: #555;
 @treeselect-multi-value-item-bg-control-disabled: #fff;
 @treeselect-multi-value-item-border-color-control-disabled: #e5e5e5;
 @treeselect-multi-value-remove-color: @treeselect-multi-value-font-color;
-@treeselect-multi-value-remove-color-hover: @md-red-600;
+@treeselect-multi-value-remove-color-hover: #e53935;
 @treeselect-multi-value-remove-size: 6px;
 @treeselect-multi-value-divider-color: #fff;
-@treeselect-limit-tip-font-color: @md-grey-400;
+@treeselect-limit-tip-font-color: #bdbdbd;
 @treeselect-limit-tip-font-size: @treeselect-multi-value-font-size;
 @treeselect-limit-tip-font-weight: 600;
 @treeselect-single-input-font-size: inherit;
@@ -72,20 +71,20 @@
 
 @treeselect-arrow-size: 9px;
 @treeselect-arrow-color: #ccc;
-@treeselect-arrow-color-hover: @md-grey-700;
+@treeselect-arrow-color-hover: #616161;
 @treeselect-arrow-transition-timing-function: @ease-out-expo;
 
 @treeselect-x-size: 8px;
 @treeselect-x-color: @treeselect-arrow-color;
-@treeselect-x-color-hover: @md-red-600;
+@treeselect-x-color-hover: #e53935;
 
-@treeselect-option-bg-highlight: @md-grey-100;
-@treeselect-option-selected-bg: @md-blue-50;
+@treeselect-option-bg-highlight: #f5f5f5;
+@treeselect-option-selected-bg: #e3f2fd;
 @treeselect-option-selected-bg-hover: @treeselect-option-selected-bg;
 @treeselect-checkbox-size: @treeselect-icon-size;
 @treeselect-checkbox-border-radius: @treeselect-border-radius-sm;
-@treeselect-checkbox-color: @md-grey-300;
-@treeselect-checkbox-color-highlight: @md-light-blue-600;
+@treeselect-checkbox-color: #e0e0e0;
+@treeselect-checkbox-color-highlight: #039be5;
 @treeselect-checkbox-border-color: @treeselect-checkbox-color;
 @treeselect-checkbox-bg: #fff;
 @treeselect-checkbox-border-color-hover: @treeselect-checkbox-color-highlight;
@@ -107,14 +106,14 @@
 @treeselect-option-label-color: inherit;
 @treeselect-option-label-color-disabled: rgba(0, 0, 0, 0.25);
 
-@treeselect-loader-color-dark: @md-light-blue-600;
-@treeselect-loader-color-light: @md-light-blue-100;
+@treeselect-loader-color-dark: #039be5;
+@treeselect-loader-color-light: #b3e5fc;
 @treeselect-loader-animation-duration: 1.6s;
-@treeselect-warning-icon-bg: @md-orange-600;
-@treeselect-error-icon-bg: @md-red-600;
-@treeselect-tip-color: @md-grey-600;
+@treeselect-warning-icon-bg: #fb8c00;
+@treeselect-error-icon-bg: #e53935;
+@treeselect-tip-color: #757575;
 @treeselect-tip-font-size: @treeselect-font-size-sm;
-@treeselect-retry-text-color: @md-light-blue-600;
+@treeselect-retry-text-color: #039be5;
 
 
 /**

diff --git a/stylelint.config.js b/stylelint.config.js
@@ -1,5 +1,6 @@
 module.exports = {
   extends: 'stylelint-config-xo-space',
+  customSyntax: 'postcss-less',
   rules: {
     'string-quotes': ['double', { avoidEscape: false }],
     'declaration-empty-line-before': null,