devextreme-themebuilder 22.1.2-beta → 22.1.3

package/modules/compiler.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -27,15 +31,13 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ImportType = void 0;
-const sass = __importStar(require("sass"));
+const sass = __importStar(require("sass-embedded"));
 // eslint-disable-next-line import/extensions
 const dx_theme_builder_metadata_1 = require("../data/metadata/dx-theme-builder-metadata");
-const dart_client_1 = __importDefault(require("./dart-client"));
+const parse_value_1 = require("./parse-value");
+const post_compiler_1 = require("./post-compiler");
 var ImportType;
 (function (ImportType) {
     ImportType[ImportType["Index"] = 0] = "Index";
@@ -48,78 +50,67 @@ class Compiler {
         this.importerCache = {};
         this.meta = dx_theme_builder_metadata_1.metadata;
         this.userItems = [];
-        this.dartClient = new dart_client_1.default();
-    }
-    static getImportType(url) {
-        if (url.endsWith('tb_index'))
-            return ImportType.Index;
-        if (url.startsWith('tb_'))
-            return ImportType.Color;
-        return ImportType.Unknown;
-    }
-    compile(items, options) {
-        return __awaiter(this, void 0, void 0, function* () {
+        this.compile = (file, items, options) => __awaiter(this, void 0, void 0, function* () { return this.sassCompile(file, items, options, sass.compileAsync); });
+        this.compileString = (content, items, options) => __awaiter(this, void 0, void 0, function* () { return this.sassCompile(content, items, options, sass.compileStringAsync); });
+        this.sassCompile = (source, items, options, compile) => __awaiter(this, void 0, void 0, function* () {
             this.changedVariables = {};
             this.userItems = items || [];
             let compilerOptions = {
-                importer: this.setter.bind(this),
+                importers: [{
+                        // eslint-disable-next-line spellcheck/spell-checker
+                        canonicalize: this.canonicalize,
+                        load: this.load,
+                    }],
                 functions: {
-                    'collector($map)': this.collector.bind(this),
+                    'collector($map)': this.collector,
                 },
             };
             compilerOptions = Object.assign(Object.assign({}, compilerOptions), options);
-            yield this.dartClient.check();
             return new Promise((resolve, reject) => {
-                const compiler = this.dartClient.isServerAvailable
-                    ? this.dartCompiler
-                    : this.nodeCompiler;
-                compiler.bind(this)(compilerOptions, resolve, reject);
+                compile(source, compilerOptions)
+                    .then((data) => {
+                    resolve({
+                        result: Object.assign(Object.assign({}, data), { css: (0, post_compiler_1.optimizeCss)(data.css) }),
+                        changedVariables: this.changedVariables,
+                    });
+                })
+                    .catch((error) => reject(error));
             });
         });
-    }
-    dartCompiler(options, resolve, reject) {
-        this.dartClient.send({
-            items: this.userItems,
-            index: this.indexFileContent,
-            file: options.file,
-            data: options.data,
-        }).then((reply) => {
-            if (reply.error) {
-                reject({
-                    message: reply.error,
-                    line: null,
-                    file: null,
-                    name: null,
-                    column: null,
-                    status: null,
-                });
-            }
-            else {
-                resolve({
-                    result: {
-                        css: Buffer.from(reply.css),
-                        map: null,
-                        stats: null,
-                    },
-                    changedVariables: reply.changedVariables,
-                });
+        // eslint-disable-next-line spellcheck/spell-checker
+        this.canonicalize = (url) => (url.includes('tb_') ? new URL(`db:${url}`) : null);
+        this.load = (url) => {
+            const { pathname: path } = url;
+            const importType = Compiler.getImportType(path);
+            let content = this.importerCache[path];
+            if (!content) {
+                content = importType === ImportType.Index
+                    ? this.indexFileContent
+                    : this.getMatchingUserItemsAsString(path.replace('tb_', ''));
+                this.importerCache[path] = content;
             }
-        }).finally(() => {
-            this.dartClient.dispose().finally(() => { });
-        });
-    }
-    nodeCompiler(options, resolve, reject) {
-        sass.render(options, (error, result) => {
-            this.importerCache = {};
-            if (error)
-                reject(error);
-            else {
-                resolve({
-                    result,
-                    changedVariables: this.changedVariables,
+            return {
+                contents: content,
+                syntax: 'scss',
+            };
+        };
+        this.collector = (maps) => {
+            maps.forEach((map) => {
+                map.asList.forEach((value) => {
+                    if (value.get(1) === sass.sassNull) {
+                        return;
+                    }
+                    const key = value.get(0);
+                    if (!(key instanceof sass.SassString)) {
+                        return;
+                    }
+                    const variableKey = key.text;
+                    const variableValue = (0, parse_value_1.parse)(value.get(1));
+                    this.changedVariables[variableKey] = variableValue;
                 });
-            }
-        });
+            });
+            return sass.sassNull;
+        };
     }
     getMatchingUserItemsAsString(theme) {
         const meta = theme === 'generic' ? this.meta.generic : this.meta.material;
@@ -129,34 +120,12 @@ class Compiler {
             .map((item) => `${item.key}: ${item.value};`)
             .join('');
     }
-    setter(url) {
-        const importType = Compiler.getImportType(url);
-        if (importType === ImportType.Unknown) {
-            return null;
-        }
-        let content = this.importerCache[url];
-        if (!content) {
-            content = importType === ImportType.Index
-                ? this.indexFileContent
-                : this.getMatchingUserItemsAsString(url.replace('tb_', ''));
-            this.importerCache[url] = content;
-        }
-        return { contents: content };
-    }
-    collector(map) {
-        for (let mapIndex = 0; mapIndex < map.getLength(); mapIndex += 1) {
-            const keyMap = map.getKey(mapIndex);
-            if (keyMap instanceof sass.types.String) {
-                const variableKey = keyMap.getValue();
-                // eslint-disable-next-line @typescript-eslint/no-base-to-string
-                const variableValue = map.getValue(mapIndex).toString();
-                // eslint-disable-next-line no-continue
-                if (variableValue === 'null')
-                    continue;
-                this.changedVariables[variableKey] = variableValue;
-            }
-        }
-        return sass.types.Null.NULL;
-    }
 }
 exports.default = Compiler;
+Compiler.getImportType = (url) => {
+    if (url.endsWith('tb_index'))
+        return ImportType.Index;
+    if (url.startsWith('tb_'))
+        return ImportType.Color;
+    return ImportType.Unknown;
+};

package/modules/parse-value.js

@@ -0,0 +1,48 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.parse = exports.color = void 0;
+const sass = __importStar(require("sass-embedded"));
+const color = (value) => {
+    const getHex = (colorValue) => colorValue.toString(16).padStart(2, '0');
+    const alpha = Math.round(255 * value.alpha);
+    if (alpha === 0) {
+        return 'transparent';
+    }
+    const hexRed = getHex(value.red);
+    const hexGreen = getHex(value.green);
+    const hexBlue = getHex(value.blue);
+    const hexAlpha = alpha === 255 ? '' : getHex(alpha);
+    return `#${hexRed}${hexGreen}${hexBlue}${hexAlpha}`;
+};
+exports.color = color;
+const parse = (value) => {
+    let result = value.toString();
+    if (value instanceof sass.SassColor) {
+        result = (0, exports.color)(value);
+    }
+    return result;
+};
+exports.parse = parse;

package/modules/post-compiler.js

@@ -12,7 +12,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.removeExternalResources = exports.fixSwatchCss = exports.autoPrefix = exports.cleanCss = exports.addInfoHeader = exports.addBasePath = void 0;
+exports.optimizeCss = exports.removeExternalResources = exports.fixSwatchCss = exports.autoPrefix = exports.cleanCss = exports.addInfoHeader = exports.addBasePath = void 0;
 const clean_css_1 = __importDefault(require("clean-css"));
 const autoprefixer_1 = __importDefault(require("autoprefixer"));
 const postcss_1 = __importDefault(require("postcss"));
@@ -24,12 +24,11 @@ function addBasePath(css, basePath) {
     return css.toString().replace(/(url\()("|')?(icons|fonts)/g, `$1$2${normalizedPath}$3`);
 }
 exports.addBasePath = addBasePath;
-function addInfoHeader(css, version, isDartCompiler) {
+function addInfoHeader(css, version) {
     const generatedBy = '* Generated by the DevExpress ThemeBuilder';
-    const dartPostfix = isDartCompiler ? ' (dart)' : '';
     const versionString = `* Version: ${version}`;
     const link = '* http://js.devexpress.com/ThemeBuilder/';
-    const header = `/*${generatedBy}${dartPostfix}\n${versionString}\n${link}\n*/\n\n`;
+    const header = `/*${generatedBy}\n${versionString}\n${link}\n*/\n\n`;
     const source = css.toString();
     const encoding = '@charset "UTF-8";';
     if (source.startsWith(encoding)) {
@@ -75,3 +74,8 @@ function removeExternalResources(css) {
     return css.replace(fontRegex, '');
 }
 exports.removeExternalResources = removeExternalResources;
+function optimizeCss(css) {
+    const optimizedCss = css.replace(/rgba\(0,0,0,0\)/g, 'transparent');
+    return optimizedCss;
+}
+exports.optimizeCss = optimizeCss;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "devextreme-themebuilder",
-  "version": "22.1.2-beta",
+  "version": "22.1.3",
   "description": "DevExtreme ThemeBuilder",
   "keywords": [
     "devextreme",
@@ -13,21 +13,19 @@
   "repository": "https://github.com/DevExpress/DevExtreme",
   "license": "SEE LICENSE IN README.md",
   "dependencies": {
-    "autoprefixer": "^10.2.4",
+    "autoprefixer": "^10.4.7",
     "bootstrap4": "npm:bootstrap@^4.6.0",
     "bootstrap5": "npm:bootstrap@^5.0.2",
-    "clean-css": "^5.1.0",
+    "clean-css": "^5.3.0",
     "less": "^3.13.1",
     "postcss": "^8.2.6",
-    "sass": "1.43.5",
+    "sass-embedded": "^1.52.0",
     "semver": "^5.7.1"
   },
   "scripts": {
     "test": "jest --coverage --verbose --runInBand",
-    "test-dart": "npm run dart && jest --verbose --runInBand --config=jest-dart.config.js",
     "copy-resources": "ts-node --files=true src/tools/copy-resources.ts",
     "generate-metadata": "ts-node --files=true src/metadata/generate.ts",
-    "dart": "ts-node --files=true tests/run-dart.ts",
     "build-ts": "tsc",
     "build": "npm run generate-metadata && npm run build-ts && npm run copy-resources"
   },
@@ -38,10 +36,10 @@
     "@types/fs-extra": "9.0.7",
     "@types/jest": "^26.0.20",
     "@types/less": "^3.0.2",
-    "@types/node-sass": "^4.11.1",
     "express": "^4.17.1",
     "filing-cabinet": "^2.6.0",
     "fs-extra": "^9.0.0",
+    "immutable": "^4.0.0",
     "jest": "^26.6.1",
     "precinct": "^8.3.1",
     "sinon": "^9.2.4",

package/dart-compiler/collector.dart

@@ -1,27 +0,0 @@
-import 'package:sass/sass.dart';
-
-class Collector {
-  Callable collector;
-  Map<String, String> _changedVariables = {};
-
-  Collector() {
-    this.collector = Callable.function('collector', r'$map', (arguments) {
-      var map = arguments.first as SassMap;
-      this.collect(map);
-      return sassNull;
-    });
-  }
-
-  collect(SassMap map) {
-    map.contents.entries.forEach((item) {
-      var key = (item.key as SassString).text;
-      var value = item.value.toString();
-
-      if(value == 'null') return;
-
-      this._changedVariables[key] = value;
-    });
-  }
-
-  get changedVariables => this._changedVariables;
-}

package/dart-compiler/compiler-result.dart

@@ -1,15 +0,0 @@
-class CompilerResult {
-  String css;
-  Map<String, String> changedVariables;
-  String error;
-
-  CompilerResult(this.css, this.changedVariables, this.error);
-
-  Map<String, dynamic> toJson() {
-    return {
-      'css': css,
-      'changedVariables': changedVariables,
-      'error': error
-    };
-  }
-}

package/dart-compiler/compiler.dart

@@ -1,31 +0,0 @@
-import 'package:sass/sass.dart' as sass;
-import './importer.dart';
-import './collector.dart';
-import './compiler-result.dart';
-
-class SassOptions {
-  String file, data;
-  SassOptions(this.file, this.data);
-}
-
-class Compiler {
-  Collector collector = Collector();
-
-  CompilerResult compile(
-      List<MetaItem> items, String indexFileContent, SassOptions options) {
-    String css;
-    if (options.data.isEmpty) {
-      css = sass.compile(options.file,
-          charset: true,
-          importers: [ThemeBuilderImporter(indexFileContent, items)],
-          functions: [collector.collector]);
-    } else {
-      css = sass.compileString(options.data,
-          charset: true,
-          importers: [ThemeBuilderImporter(indexFileContent, items)],
-          functions: [collector.collector]);
-    }
-
-    return CompilerResult(css, collector.changedVariables, '');
-  }
-}

package/dart-compiler/importer.dart

@@ -1,68 +0,0 @@
-import 'dart:io';
-import 'package:sass/sass.dart';
-import 'package:path/path.dart' as path;
-import 'dart:convert';
-
-class MetaItem {
-  String key, value;
-  MetaItem(this.key, this.value);
-}
-
-class ThemeBuilderImporter extends Importer {
-  String indexFileContent;
-  String scssWidgetsDir = './widgets/';
-  FilesystemImporter fsImporter = FilesystemImporter('.');
-  dynamic metadata;
-  List<MetaItem> userItems;
-
-  ThemeBuilderImporter(this.indexFileContent, this.userItems) {
-    var metaPath = path.absolute('../../dart-compiler/metadata/dx-theme-builder-metadata.json');
-    var contents = File(metaPath).readAsStringSync();
-    this.metadata = jsonDecode(contents);
-  }
-
-  bool isIndexImport(Uri url) => url.path.contains('tb_index');
-  bool needModification(Uri url) => url.path.contains('tb_');
-  String getTheme(Uri url) => url.path.contains('material') ? 'material' : 'generic';
-
-  String getMatchingUserItemsAsString(String theme) {
-    var parsedItems = metadata[theme] as List;
-    var items = parsedItems.map((item) => MetaItem(item['Key'], item['Value']));
-    var themeKeys = items.map((item) => item.key);
-
-    return userItems
-      .where((item) => themeKeys.contains(item.key))
-      .map((item) => '${item.key}: ${item.value};')
-      .toList()
-      .join('');
-  }
-
-  Uri canonicalize(Uri url) {
-    if(!needModification(url)) return fsImporter.canonicalize(url);
-
-    var theme = getTheme(url);
-    var absolutePath = path.absolute(
-      this.scssWidgetsDir,
-      theme,
-      isIndexImport(url) ? '_tb_index.scss' : '_tb_$theme.scss');
-
-    var resultUri = path.toUri(path.canonicalize(absolutePath));
-
-    return resultUri;
-  }
-
-  ImporterResult load(Uri url) {
-    if(!needModification(url)) return fsImporter.load(url);
-
-    var result = isIndexImport(url)
-      ? indexFileContent
-      : getMatchingUserItemsAsString(getTheme(url));
-    return ImporterResult(result, syntax: Syntax.scss, sourceMapUrl: url);
-  }
-
-  bool couldCanonicalize(Uri url, Uri canonicalUrl) {
-    return needModification(url);
-  }
-
-  String toString() => "(unknown)";
-}

package/dart-compiler/logger.dart

@@ -1,9 +0,0 @@
-import 'dart:io' show Platform;
-
-class Logger {
-  static void log(String message) {
-    bool needLog = Platform.environment['THEMEBUILDER_DEBUG'] != null;
-    if(!needLog) return;
-    print('${DateTime.now().toString()}: dart: ${message}');
-  }
-}

package/dart-compiler/main.dart

@@ -1,5 +0,0 @@
-import './server.dart';
-
-void main(List<String> arguments) {
-  Server().start();
-}

package/dart-compiler/metadata/dx-theme-builder-metadata.json

@@ -1 +0,0 @@
-{"generic":[{"Key":"$accordion-color","Name":"50. Text color","Type":"color"},{"Key":"$accordion-title-color","Name":"10. Item title text color","Type":"color"},{"Key":"$accordion-item-title-opened-bg","Name":"20. Active item title background color","Type":"color"},{"Key":"$accordion-item-border-color","Name":"30. Item border color","Type":"color"},{"Key":"$accordion-item-focused-border-color","Name":"40. Focused item border color","Type":"color"},{"Key":"$accordion-title-active-color","Name":"70. Item title active state text color","Type":"color"},{"Key":"$accordion-item-hover-bg","Name":"90. Item title hovered state background color","Type":"color"},{"Key":"$accordion-icon-active-color","Name":"30. Item active state icon color","Type":"color"},{"Key":"$badge-color","Name":"130. Badge text color","Type":"color"},{"Key":"$badge-bg","Name":"140. Badge background color","Type":"color"},{"Key":"$button-normal-color","Name":"10. Text color","Type":"color"},{"Key":"$button-normal-bg","Name":"20. Background color","Type":"color"},{"Key":"$button-normal-border-color","Name":"30. Border color","Type":"color"},{"Key":"$button-default-color","Name":"10. Text color","Type":"color"},{"Key":"$button-default-bg","Name":"20. Background color","Type":"color"},{"Key":"$button-default-border-color","Name":"30. Border color","Type":"color"},{"Key":"$button-danger-color","Name":"10. Text color","Type":"color"},{"Key":"$button-danger-bg","Name":"20. Background color","Type":"color"},{"Key":"$button-danger-border-color","Name":"30. Border color","Type":"color"},{"Key":"$button-success-color","Name":"10. Text color","Type":"color"},{"Key":"$button-success-bg","Name":"20. Background color","Type":"color"},{"Key":"$button-success-border-color","Name":"30. Border color","Type":"color"},{"Key":"$button-group-normal-selected-color","Name":"10. Selected item text color","Type":"color"},{"Key":"$button-group-normal-selected-bg","Name":"20. Selected item background color","Type":"color"},{"Key":"$button-group-default-selected-color","Name":"10. Selected item text color","Type":"color"},{"Key":"$button-group-default-selected-bg","Name":"20. Selected item background color","Type":"color"},{"Key":"$button-group-danger-selected-color","Name":"10. Selected item text color","Type":"color"},{"Key":"$button-group-danger-selected-bg","Name":"20. Selected item background color","Type":"color"},{"Key":"$button-group-success-selected-color","Name":"10. Selected item text color","Type":"color"},{"Key":"$button-group-success-selected-bg","Name":"20. Selected item background color","Type":"color"},{"Key":"$calendar-color","Name":"10. Text color","Type":"color"},{"Key":"$calendar-header-color","Name":"10. Header text color","Type":"color"},{"Key":"$calendar-cell-other-color","Name":"30. Other month text color","Type":"color"},{"Key":"$calendar-bg","Name":"40. Background color","Type":"color"},{"Key":"$calendar-hover-bg","Name":"50. Hovered cell background color","Type":"color"},{"Key":"$calendar-cell-selected-bg","Name":"30. Selected cell background color","Type":"color"},{"Key":"$calendar-cell-active-bg","Name":"70. Active state background Color","Type":"color"},{"Key":"$calendar-border-color","Name":"80. Border color","Type":"color"},{"Key":"$calendar-navigator-border-color","Name":"40. Date navigator border color","Type":"color"},{"Key":"$calendar-navigator-hover-border-color","Name":"50. Hovered state date navigator border color","Type":"color"},{"Key":"$calendar-shevron-icon-color","Name":"60. Shevron icon color","Type":"color"},{"Key":"$checkbox-border-color","Name":"10. Border color","Type":"color"},{"Key":"$checkbox-focused-borderd-color","Name":"70. Focused state border color","Type":"color"},{"Key":"$checkbox-bg","Name":"40. Background color","Type":"color"},{"Key":"$checkbox-hover-border-color","Name":"20. Hovered state border color","Type":"color"},{"Key":"$checkbox-active-icon-bg","Name":"80. Active state background color","Type":"color"},{"Key":"$colorbox-overlay-bg","Name":"10. Overlay background","Type":"color"},{"Key":"$drawer-shader-background-color","Name":"10. Shader background color","Type":"color"},{"Key":"$dropdowneditor-button-hover-bg","Name":"20. Dropdown button hovered state background color","Type":"color"},{"Key":"$dropdowneditor-button-active-bg","Name":"30. Dropdown button active state background color","Type":"color"},{"Key":"$dropdowneditor-icon-color","Name":"80. Spin icon color","Type":"color"},{"Key":"$dropdowneditor-icon-active-color","Name":"90. Spin active icon color","Type":"color"},{"Key":"$fieldset-field-label-color","Name":"10. Label text color","Type":"color"},{"Key":"$fileuploader-filename-color","Name":"10. Filename text color","Type":"color"},{"Key":"$fileuploader-falename-status-color","Name":"20. File status text color","Type":"color"},{"Key":"$fileuploader-border-color","Name":"30. Border color on dragover","Type":"color"},{"Key":"$filterbuilder-text-color","Name":"10. Text color","Type":"color"},{"Key":"$filterbuilder-text-focus-color","Name":"20. Focused text color","Type":"color"},{"Key":"$filterbuilder-plus-icon-color","Name":"30. Plus icon color","Type":"color"},{"Key":"$filterbuilder-remove-icon-color","Name":"40. Remove icon color","Type":"color"},{"Key":"$filterbuilder-group-operation-color","Name":"50. Group operation button color","Type":"color"},{"Key":"$filterbuilder-item-field-color","Name":"60. Data field button color","Type":"color"},{"Key":"$filterbuilder-item-operator-color","Name":"70. Operation button color","Type":"color"},{"Key":"$filterbuilder-item-value-color","Name":"80. Value button color","Type":"color"},{"Key":"$filterbuilder-menu-icon-color","Name":"10. Menu icon color","Type":"color"},{"Key":"$form-field-item-color","Name":"10. Label text color","Type":"color"},{"Key":"$form-group-border-color","Name":"10. Group border color","Type":"color"},{"Key":"$gallery-indicator-bg","Name":"10. Indicator background color","Type":"color"},{"Key":"$gallery-indicator-item-selected-bg","Name":"20. Selected indicator background color","Type":"color"},{"Key":"$gallery-indicator-focused-bg","Name":"30. Focused indicator background color","Type":"color"},{"Key":"$gallery-navbutton-hover-color","Name":"30. Navigation button color","Type":"color"},{"Key":"$gallery-nav-arrow-color","Name":"40. Navigation icon color","Type":"color"},{"Key":"$gallery-navbutton-active-color","Name":"50. Active navigation button color","Type":"color"},{"Key":"$datagrid-base-color","Name":"10. Text color","Type":"color"},{"Key":"$datagrid-base-background-color","Name":"60. Background color","Type":"color"},{"Key":"$datagrid-border-color","Name":"70. Border color","Type":"color"},{"Key":"$datagrid-columnchooser-item-color","Name":"20. Header text color","Type":"color"},{"Key":"$datagrid-columnchooser-font-weight","Name":"25. Header text weight","Type":"select","TypeValues":"normal|bold|light"},{"Key":"$datagrid-drag-header-border-color","Name":"35. Draggable header border color","Type":"color"},{"Key":"$datagrid-selection-bg","Name":"55. Selected row background color","Type":"color"},{"Key":"$datagrid-row-selected-border-color","Name":"60. Selected row border color","Type":"color"},{"Key":"$datagrid-row-selected-color","Name":"50. Selected row text color","Type":"color"},{"Key":"$datagrid-row-focused-color","Name":"65. Focused row text color","Type":"color"},{"Key":"$datagrid-row-focused-bg","Name":"70. Focused row background color","Type":"color"},{"Key":"$datagrid-hover-bg","Name":"90. Hovered row background color","Type":"color"},{"Key":"$datagrid-menu-icon-color","Name":"30. Context menu icons color","Type":"color"},{"Key":"$datagrid-cell-modified-border-color","Name":"40. Modified data border color","Type":"color"},{"Key":"$datagrid-row-invalid-faded-border-color","Name":"45. Invalidate data faded color","Type":"color"},{"Key":"$datagrid-nodata-color","Name":"30. NoData message text color","Type":"color"},{"Key":"$datagrid-group-row-color","Name":"90. Group row text color","Type":"color"},{"Key":"$datagrid-group-row-bg","Name":"95. Group row background color","Type":"color"},{"Key":"$datagrid-search-color","Name":"105. Highlighted text color","Type":"color"},{"Key":"$datagrid-spin-icon-color","Name":"125. Spin icon color","Type":"color"},{"Key":"$datagrid-search-bg","Name":"110. Highlighted text background color","Type":"color"},{"Key":"$datagrid-row-error-color","Name":"115. Error row text color","Type":"color"},{"Key":"$datagrid-row-error-bg","Name":"120. Error row background color","Type":"color"},{"Key":"$datagrid-link-color","Name":"40. Link color","Type":"color"},{"Key":"$datagrid-focused-border-color","Name":"75. Focused cell border color","Type":"color"},{"Key":"$datagrid-editor-bg","Name":"80. Editor background","Type":"color"},{"Key":"$datagrid-columnchooser-bg","Name":"140. Column chooser background color","Type":"color"},{"Key":"$datagrid-row-alternation-bg","Name":"85. Row alternation background color","Type":"color"},{"Key":"$datagrid-summary-color","Name":"100. Summary item color","Type":"color"},{"Key":"$list-border-color","Name":"20. Item border color","Type":"color"},{"Key":"$list-group-color","Name":"20. Group header text color","Type":"color"},{"Key":"$list-group-header-bg","Name":"30. Group header background color","Type":"color"},{"Key":"$list-normal-color","Name":"10. Item text color","Type":"color"},{"Key":"$list-item-hover-bg","Name":"30. Hovered item background color","Type":"color"},{"Key":"$list-item-selected-bg","Name":"40. Selected item state background color","Type":"color"},{"Key":"$list-item-focused-selected-bg","Name":"50. Focused selected item state background color","Type":"color"},{"Key":"$list-focused-bg","Name":"60. Focused item state background color","Type":"color"},{"Key":"$list-item-active-bg","Name":"50. Active state item background color","Type":"color"},{"Key":"$loadindicator-bg","Name":"10. Load indicator color","Type":"color"},{"Key":"$loadpanel-content-bg","Name":"20. Loadpanel background color","Type":"color"},{"Key":"$menu-popup-bg","Name":"40. Popup background color","Type":"color"},{"Key":"$menu-item-hover-bg","Name":"50. Hovered item background color","Type":"color"},{"Key":"$menu-color","Name":"10. Text color","Type":"color"},{"Key":"$menu-item-hovered-color","Name":"55. Hovered item text color","Type":"color"},{"Key":"$menu-item-expanded-color","Name":"10. Expanded item text color","Type":"color"},{"Key":"$menu-item-selected-bg","Name":"20. Selected item background color","Type":"color"},{"Key":"$menu-popup-border-color","Name":"20. Border color","Type":"color"},{"Key":"$navbar-tab-color","Name":"10. Tab text color","Type":"color"},{"Key":"$navbar-tab-selected-color","Name":"20. Selected tab text color","Type":"color"},{"Key":"$navbar-tab-bg","Name":"30. Tab background color","Type":"color"},{"Key":"$navbar-tab-selected-bg","Name":"40. Selected tab background color","Type":"color"},{"Key":"$numberbox-spin-active-bg","Name":"10. Active spin buttons color","Type":"color"},{"Key":"$numberbox-spin-hover-border-color","Name":"20. Hovered spin buttons border color","Type":"color"},{"Key":"$numberbox-spin-icon-color","Name":"10. Spin icon color","Type":"color"},{"Key":"$overlay-content-bg","Name":"10. Content background color","Type":"color"},{"Key":"$overlay-shader-bg","Name":"20. Shader background color","Type":"color"},{"Key":"$overlay-focus-border-color","Name":"30. Focus border color","Type":"color"},{"Key":"$pager-page-selected-color","Name":"150. Pager selected item text color","Type":"color"},{"Key":"$pager-page-selected-bg","Name":"160. Pager selected item background color","Type":"color"},{"Key":"$pivotgrid-area-color","Name":"10. Header text color","Type":"color"},{"Key":"$pivotgrid-totalcolor","Name":"20. Totals background color","Type":"color"},{"Key":"$pivotgrid-grandtotalcolor","Name":"30. Grand totals background color","Type":"color"},{"Key":"$pivotgrid-field-area-text-color","Name":"40. Field area text color","Type":"color"},{"Key":"$pivotgrid-spin-icon-color","Name":"50. Spin icon color","Type":"color"},{"Key":"$popup-title-bg","Name":"20. Header background color","Type":"color"},{"Key":"$progressbar-bg","Name":"10. Bar background color","Type":"color"},{"Key":"$progressbar-range-bg","Name":"20. Selected range background color","Type":"color"},{"Key":"$radiogroup-checked-bg","Name":"10. Background color","Type":"color"},{"Key":"$radiobutton-active-bg","Name":"40. Active state background color","Type":"color"},{"Key":"$scheduler-base-border-color","Name":"10 Border color","Type":"color"},{"Key":"$scheduler-accent-border-color","Name":"20. Hour separator color","Type":"color"},{"Key":"$scheduler-appointment-text-color","Name":"30. Appointment text color","Type":"color"},{"Key":"$scheduler-appointment-base-color","Name":"40. Appointment background color","Type":"color"},{"Key":"$scheduler-appointment-start-color","Name":"50. Start appointment color","Type":"color"},{"Key":"$scheduler-first-month-border-color","Name":"60. First day of month separator color","Type":"color"},{"Key":"$scheduler-workspace-focused-cell-color","Name":"70. Focused cell color","Type":"color"},{"Key":"$scheduler-current-time-cell-color","Name":"80. Date-time indicator color","Type":"color"},{"Key":"$scheduler-time-indicator-color","Name":"80. Date-time indicator color","Type":"color"},{"Key":"$scrollable-scroll-bg","Name":"10. Scroller background color","Type":"color"},{"Key":"$scrollable-scrollbar-active-bg","Name":"20. Scrollbar background color","Type":"color"},{"Key":"$selectbox-list-bg","Name":"10. Item background color","Type":"color"},{"Key":"$slider-bar-bg","Name":"10. Slider bar background color","Type":"color"},{"Key":"$slider-range-bg","Name":"30. Selected range background color","Type":"color"},{"Key":"$switch-border-color","Name":"10. Border color","Type":"color"},{"Key":"$switch-on-color","Name":"10. 'ON' label color","Type":"color"},{"Key":"$switch-container-active-bg","Name":"30. Active state background color","Type":"color"},{"Key":"$switch-off-color","Name":"20. 'OFF' label color","Type":"color"},{"Key":"$tabs-tab-color","Name":"10. Tab text color","Type":"color"},{"Key":"$tabs-tab-selected-color","Name":"20. Selected tab text color","Type":"color"},{"Key":"$tabs-tab-bg","Name":"30. Tab background color","Type":"color"},{"Key":"$tabs-tab-selected-bg","Name":"40. Selected tab background color","Type":"color"},{"Key":"$tabs-border-color","Name":"30. Border color","Type":"color"},{"Key":"$tabs-focused-border-color","Name":"40. Focus border color","Type":"color"},{"Key":"$tabs-tab-hover-bg","Name":"50. Hover background color","Type":"color"},{"Key":"$tagbox-tag-color","Name":"10. Tag text color","Type":"color"},{"Key":"$tagbox-tag-bg","Name":"20. Tag background color","Type":"color"},{"Key":"$tagbox-tag-button-remove-bg","Name":"30. Tag close button color","Type":"color"},{"Key":"$textbox-search-icon-color","Name":"80. Search icon color","Type":"color"},{"Key":"$texteditor-color","Name":"10. Text color","Type":"color"},{"Key":"$texteditor-placeholder-color","Name":"20. Placeholder text color","Type":"color"},{"Key":"$texteditor-bg","Name":"30. Background color","Type":"color"},{"Key":"$texteditor-filled-bg","Name":"40. Filled editor background color","Type":"color"},{"Key":"$texteditor-border-color","Name":"50. Border color","Type":"color"},{"Key":"$texteditor-focused-border-color","Name":"30. Focused border color","Type":"color"},{"Key":"$texteditor-hover-border-color","Name":"60. Hovered border color","Type":"color"},{"Key":"$tileview-color","Name":"10. Item text color","Type":"color"},{"Key":"$toast-color","Name":"10. Text color","Type":"color"},{"Key":"$toast-info-bg","Name":"20. Info background color","Type":"color"},{"Key":"$toast-warning-bg","Name":"30. Warning background color","Type":"color"},{"Key":"$toast-error-bg","Name":"40. Error background color","Type":"color"},{"Key":"$toast-success-bg","Name":"50. Success background color","Type":"color"},{"Key":"$toolbar-bg","Name":"10. Background color","Type":"color"},{"Key":"$tooltip-color","Name":"10. Text color","Type":"color"},{"Key":"$tooltip-bg","Name":"20. Background color","Type":"color"},{"Key":"$tooltip-border-color","Name":"30. Border color","Type":"color"},{"Key":"$treeview-focused-bg","Name":"10. Focused state background color","Type":"color"},{"Key":"$treeview-hover-bg","Name":"90. Hovered state background color","Type":"color"},{"Key":"$treeview-border-color","Name":"100. Border color","Type":"color"},{"Key":"$treeview-item-selected-color","Name":"110. Selected item text color","Type":"color"},{"Key":"$treeview-spin-icon-color","Name":"120. Spin icon color","Type":"color"},{"Key":"$base-font-family","Name":"10. Font family","Type":"text"},{"Key":"$base-accent","Name":"10. Accent color","Type":"color"},{"Key":"$base-label-color","Name":"20. Label color","Type":"color"},{"Key":"$base-link-color","Name":"30. Link color","Type":"color"},{"Key":"$base-icon-color","Name":"40. Icon color","Type":"color"},{"Key":"$base-text-color","Name":"20. Text color","Type":"color"},{"Key":"$base-bg","Name":"30. Background color","Type":"color"},{"Key":"$base-border-color","Name":"40. Border color","Type":"color"},{"Key":"$base-border-radius","Name":"120. Border radius","Type":"text"},{"Key":"$base-success","Name":"50. Success color","Type":"color"},{"Key":"$base-warning","Name":"60. Warning color","Type":"color"},{"Key":"$base-danger","Name":"70. Danger color","Type":"color"},{"Key":"$base-hover-color","Name":"80. Hovered state text color","Type":"color"},{"Key":"$base-hover-bg","Name":"90. Hovered state background color","Type":"color"},{"Key":"$base-focus-color","Name":"100. Focused state text color","Type":"color"},{"Key":"$base-focus-bg","Name":"110. Focused state background color","Type":"color"},{"Key":"$base-invalid-color","Name":"1. Invalid widget state - active color","Type":"color"},{"Key":"$base-invalid-faded-border-color","Name":"2. Invalid widget state - border color","Type":"color"},{"Key":"$base-border-radius-small","Name":"70. Border radius","Type":"text"},{"Key":"$base-border-radius-large","Name":"30. Border radius","Type":"text"}],"material":[{"Key":"$accordion-title-color","Name":"10. Item title text color","Type":"color"},{"Key":"$accordion-item-border-color","Name":"20. Item border color","Type":"color"},{"Key":"$accordion-icon-active-color","Name":"30. Item active state icon color","Type":"color"},{"Key":"$badge-color","Name":"130. Badge text color","Type":"color"},{"Key":"$badge-bg","Name":"140. Badge background color","Type":"color"},{"Key":"$button-normal-color","Name":"10. Text color","Type":"color"},{"Key":"$button-normal-bg","Name":"20. Background color","Type":"color"},{"Key":"$button-normal-hover-bg","Name":"30. Hovered state background color","Type":"color"},{"Key":"$button-normal-focused-bg","Name":"40. Focused state background color","Type":"color"},{"Key":"$button-normal-active-bg","Name":"50. Active state background color","Type":"color"},{"Key":"$button-default-color","Name":"10. Text color","Type":"color"},{"Key":"$button-default-bg","Name":"20. Background color","Type":"color"},{"Key":"$button-default-hover-bg","Name":"30. Hovered state background color","Type":"color"},{"Key":"$button-default-focused-bg","Name":"40. Focused state background color","Type":"color"},{"Key":"$button-default-active-bg","Name":"50. Active state background color","Type":"color"},{"Key":"$button-danger-color","Name":"10. Text color","Type":"color"},{"Key":"$button-danger-bg","Name":"20. Background color","Type":"color"},{"Key":"$button-danger-hover-bg","Name":"30. Hovered state background color","Type":"color"},{"Key":"$button-danger-focused-bg","Name":"40. Focused state background color","Type":"color"},{"Key":"$button-danger-active-bg","Name":"50. Active state background color","Type":"color"},{"Key":"$button-success-color","Name":"10. Text color","Type":"color"},{"Key":"$button-success-bg","Name":"20. Background color","Type":"color"},{"Key":"$button-success-hover-bg","Name":"30. Hovered state background color","Type":"color"},{"Key":"$button-success-focused-bg","Name":"40. Focused state background color","Type":"color"},{"Key":"$button-success-active-bg","Name":"50. Active state background color","Type":"color"},{"Key":"$button-group-normal-selected-color","Name":"10. Selected item text color","Type":"color"},{"Key":"$button-group-normal-selected-bg","Name":"20. Selected item background color","Type":"color"},{"Key":"$button-group-default-selected-color","Name":"10. Selected item text color","Type":"color"},{"Key":"$button-group-default-selected-bg","Name":"20. Selected item background color","Type":"color"},{"Key":"$button-group-danger-selected-color","Name":"10. Selected item text color","Type":"color"},{"Key":"$button-group-danger-selected-bg","Name":"20. Selected item background color","Type":"color"},{"Key":"$button-group-success-selected-color","Name":"10. Selected item text color","Type":"color"},{"Key":"$button-group-success-selected-bg","Name":"20. Selected item background color","Type":"color"},{"Key":"$calendar-header-color","Name":"20. Header text color","Type":"color"},{"Key":"$calendar-cell-other-color","Name":"30. Other month text color","Type":"color"},{"Key":"$calendar-cell-selected-bg","Name":"40. Selected cell background color","Type":"color"},{"Key":"$calendar-shevron-icon-color","Name":"50. Shevron icon color","Type":"color"},{"Key":"$colorbox-overlay-bg","Name":"10. Overlay background","Type":"color"},{"Key":"$drawer-shader-background-color","Name":"10. Shader background color","Type":"color"},{"Key":"$dropdowneditor-icon-active-color","Name":"90. Spin active icon color","Type":"color"},{"Key":"$fieldset-field-label-color","Name":"10. Label text color","Type":"color"},{"Key":"$fileuploader-filename-color","Name":"10. Filename text color","Type":"color"},{"Key":"$fileuploader-falename-status-color","Name":"20. File status text color","Type":"color"},{"Key":"$fileuploader-border-color","Name":"30. Border color on dragover","Type":"color"},{"Key":"$filterbuilder-text-color","Name":"10. Text color","Type":"color"},{"Key":"$filterbuilder-text-focus-color","Name":"20. Focused text color","Type":"color"},{"Key":"$filterbuilder-plus-icon-color","Name":"30. Plus icon color","Type":"color"},{"Key":"$filterbuilder-remove-icon-color","Name":"40. Remove icon color","Type":"color"},{"Key":"$filterbuilder-group-operation-color","Name":"50. Group operation button color","Type":"color"},{"Key":"$filterbuilder-item-field-color","Name":"60. Data field button color","Type":"color"},{"Key":"$filterbuilder-item-operator-color","Name":"70. Operation button color","Type":"color"},{"Key":"$filterbuilder-item-value-color","Name":"80. Value button color","Type":"color"},{"Key":"$form-field-item-color","Name":"10. Label text color","Type":"color"},{"Key":"$form-group-border-color","Name":"20. Group border color","Type":"color"},{"Key":"$gallery-indicator-bg","Name":"10. Indicator background color","Type":"color"},{"Key":"$gallery-indicator-item-selected-bg","Name":"20. Selected indicator background color","Type":"color"},{"Key":"$gallery-indicator-focused-bg","Name":"30. Focused indicator background color","Type":"color"},{"Key":"$gallery-navbutton-hover-color","Name":"40. Hovered navigation button color","Type":"color"},{"Key":"$gallery-navbutton-active-color","Name":"50. Active navigation button color","Type":"color"},{"Key":"$datagrid-columnchooser-item-color","Name":"20. Header text color","Type":"color"},{"Key":"$datagrid-columnchooser-font-weight","Name":"25. Header text weight","Type":"select","TypeValues":"300|500|700"},{"Key":"$datagrid-drag-header-border-color","Name":"35. Draggable header border color","Type":"color"},{"Key":"$datagrid-selection-bg","Name":"55. Selected row background color","Type":"color"},{"Key":"$datagrid-row-selected-border-color","Name":"60. Selected row border color","Type":"color"},{"Key":"$datagrid-row-selected-color","Name":"50. Selected row text color","Type":"color"},{"Key":"$datagrid-row-focused-color","Name":"65. Focused row text color","Type":"color"},{"Key":"$datagrid-row-focused-bg","Name":"70. Focused row background color","Type":"color"},{"Key":"$datagrid-menu-icon-color","Name":"30. Context menu icons color","Type":"color"},{"Key":"$datagrid-cell-modified-border-color","Name":"40. Modified data background color","Type":"color"},{"Key":"$datagrid-row-invalid-faded-border-color","Name":"45. Invalidate data faded color","Type":"color"},{"Key":"$datagrid-group-row-color","Name":"90. Group row text color","Type":"color"},{"Key":"$datagrid-group-row-bg","Name":"95. Group row background color","Type":"color"},{"Key":"$datagrid-search-color","Name":"105. Highlighted text color","Type":"color"},{"Key":"$datagrid-search-bg","Name":"110. Highlighted text background color","Type":"color"},{"Key":"$datagrid-row-error-color","Name":"115. Error row text color","Type":"color"},{"Key":"$datagrid-row-error-bg","Name":"120. Error row background color","Type":"color"},{"Key":"$datagrid-focused-border-color","Name":"75. Focused cell border color","Type":"color"},{"Key":"$datagrid-editor-bg","Name":"80. Editor background","Type":"color"},{"Key":"$datagrid-row-alternation-bg","Name":"85. Row alternation background color","Type":"color"},{"Key":"$datagrid-summary-color","Name":"100. Summary item color","Type":"color"},{"Key":"$list-group-color","Name":"10. Group header text color","Type":"color"},{"Key":"$list-border-color","Name":"20. Group border color","Type":"color"},{"Key":"$list-group-header-bg","Name":"20. Group header background color","Type":"color"},{"Key":"$list-normal-color","Name":"10. Item text color","Type":"color"},{"Key":"$list-expanded-group-color","Name":"25. Expanded group header text color","Type":"color"},{"Key":"$list-item-hover-bg","Name":"30. Hovered item background color","Type":"color"},{"Key":"$list-item-selected-bg","Name":"30. Selected item state background color","Type":"color"},{"Key":"$list-item-active-bg","Name":"40. Active state item background color","Type":"color"},{"Key":"$load-indicator-segment-bg-color","Name":"10. Load indicator color","Type":"color"},{"Key":"$loadpanel-content-bg","Name":"20. Loadpanel background color","Type":"color"},{"Key":"$menu-color","Name":"10. Text color","Type":"color"},{"Key":"$menu-item-selected-bg","Name":"20. Selected item background color","Type":"color"},{"Key":"$navbar-tab-color","Name":"10. Tab text color","Type":"color"},{"Key":"$navbar-tab-selected-color","Name":"20. Selected tab text color","Type":"color"},{"Key":"$navbar-tab-bg","Name":"30. Tab background color","Type":"color"},{"Key":"$navbar-tab-selected-bg","Name":"40. Selected tab background color","Type":"color"},{"Key":"$overlay-content-bg","Name":"10. Content background color","Type":"color"},{"Key":"$overlay-shader-bg","Name":"20. Shader background color","Type":"color"},{"Key":"$pager-page-selected-color","Name":"150. Pager selected item text color","Type":"color"},{"Key":"$pager-page-selected-bg","Name":"160. Pager selected item background color","Type":"color"},{"Key":"$popup-title-bg","Name":"20. Header background color","Type":"color"},{"Key":"$progressbar-bg","Name":"10. Bar background color","Type":"color"},{"Key":"$progressbar-range-bg","Name":"20. Selected range background color","Type":"color"},{"Key":"$progressbar-label-color","Name":"30. Label color","Type":"color"},{"Key":"$pivotgrid-area-color","Name":"10. Header text color","Type":"color"},{"Key":"$pivotgrid-totalcolor","Name":"20. Totals background color","Type":"color"},{"Key":"$pivotgrid-grandtotalcolor","Name":"30. Grand totals background color","Type":"color"},{"Key":"$pivotgrid-field-area-text-color","Name":"40. Field area text color","Type":"color"},{"Key":"$scheduler-base-border-color","Name":"10. Border color","Type":"color"},{"Key":"$scheduler-accent-border-color","Name":"20. Hour separator color","Type":"color"},{"Key":"$scheduler-appointment-text-color","Name":"30. Appointment text color","Type":"color"},{"Key":"$scheduler-appointment-base-color","Name":"40. Appointment background color","Type":"color"},{"Key":"$scheduler-appointment-start-color","Name":"50. Start appointment color","Type":"color"},{"Key":"$scheduler-workspace-focused-cell-color","Name":"60. Focused cell color","Type":"color"},{"Key":"$scheduler-first-month-border-color","Name":"70. First day of month separator color","Type":"color"},{"Key":"$scheduler-current-time-cell-color","Name":"80. Date-time indicator color","Type":"color"},{"Key":"$scrollable-scroll-bg","Name":"10. Scroller background color","Type":"color"},{"Key":"$selectbox-list-bg","Name":"10. Item background color","Type":"color"},{"Key":"$material-slider-bar-bg","Name":"10. Slider bar background color","Type":"color"},{"Key":"$material-slider-bg","Name":"20. Selected range background color","Type":"color"},{"Key":"$material-slider-tooltip-color","Name":"30. Slider tooltip text color","Type":"color"},{"Key":"$switch-bg","Name":"20. Track 'OFF' background color","Type":"color"},{"Key":"$switch-handle-off-bg","Name":"30. Handle 'OFF' background color","Type":"color"},{"Key":"$switch-on-bg","Name":"40. Track 'ON' background color","Type":"color"},{"Key":"$switch-handle-on-bg","Name":"50. Handle 'ON' background color","Type":"color"},{"Key":"$tabs-tab-color","Name":"10. Tab text color","Type":"color"},{"Key":"$tabs-tab-selected-color","Name":"20. Selected tab text color","Type":"color"},{"Key":"$tabs-selected-tab-bottom-border-color","Name":"30. Selected tab bottom border color","Type":"color"},{"Key":"$tabs-tab-bg","Name":"40. Tab background color","Type":"color"},{"Key":"$tabs-hovered-tab-bg-color","Name":"50. Hovered tab background color","Type":"color"},{"Key":"$tagbox-tag-color","Name":"10. Tag text color","Type":"color"},{"Key":"$tagbox-tag-bg","Name":"20. Tag background color","Type":"color"},{"Key":"$tagbox-tag-active-color","Name":"30. Tag active text color","Type":"color"},{"Key":"$tagbox-tag-button-remove-bg","Name":"40. Tag close button color","Type":"color"},{"Key":"$textbox-search-icon-color","Name":"80. Search icon color","Type":"color"},{"Key":"$texteditor-color","Name":"10. Text color","Type":"color"},{"Key":"$texteditor-placeholder-color","Name":"20. Placeholder text color","Type":"color"},{"Key":"$texteditor-bg","Name":"30. Background color","Type":"color"},{"Key":"$texteditor-focused-bg","Name":"40. Focused background color","Type":"color"},{"Key":"$texteditor-border-color","Name":"50. Border color","Type":"color"},{"Key":"$texteditor-hover-border-color","Name":"60. Hovered border color","Type":"color"},{"Key":"$texteditor-focused-border-color","Name":"70. Focused border color","Type":"color"},{"Key":"$texteditor-hover-bg","Name":"40. Hovered background color","Type":"color"},{"Key":"$toast-color","Name":"10. Text color","Type":"color"},{"Key":"$toast-info-bg","Name":"20. Info background color","Type":"color"},{"Key":"$toast-warning-bg","Name":"30. Warning background color","Type":"color"},{"Key":"$toast-error-bg","Name":"40. Error background color","Type":"color"},{"Key":"$toast-success-bg","Name":"50. Success background color","Type":"color"},{"Key":"$toolbar-bg","Name":"10. Background color","Type":"color"},{"Key":"$tooltip-color","Name":"10. Text color","Type":"color"},{"Key":"$tooltip-bg","Name":"20. Background color","Type":"color"},{"Key":"$treeview-focused-bg","Name":"80. Focused state background color","Type":"color"},{"Key":"$tileview-color","Name":"10. Item text color","Type":"color"},{"Key":"$base-accent","Name":"10. Accent color","Type":"color"},{"Key":"$base-font-family","Name":"10. Font family","Type":"text"},{"Key":"$base-text-color","Name":"20. Text color","Type":"color"},{"Key":"$base-label-color","Name":"20. Label color","Type":"color"},{"Key":"$base-icon-color","Name":"40. Icon color","Type":"color"},{"Key":"$base-spin-icon-color","Name":"50. Spin icon color","Type":"color"},{"Key":"$base-bg","Name":"30. Background color","Type":"color"},{"Key":"$base-border-color","Name":"40. Border color","Type":"color"},{"Key":"$base-success","Name":"50. Success color","Type":"color"},{"Key":"$base-warning","Name":"60. Warning color","Type":"color"},{"Key":"$base-danger","Name":"70. Danger color","Type":"color"},{"Key":"$base-hover-color","Name":"80. Hovered state text color","Type":"color"},{"Key":"$base-hover-bg","Name":"90. Hovered state background color","Type":"color"},{"Key":"$base-focus-color","Name":"100. Focused state text color","Type":"color"},{"Key":"$base-focus-bg","Name":"110. Focused state background color","Type":"color"},{"Key":"$base-link-color","Name":"30. Link color","Type":"color"},{"Key":"$base-border-radius","Name":"120. Border radius","Type":"text"}]}

package/dart-compiler/pubspec.yaml

@@ -1,6 +0,0 @@
-name: my_project
-environment:
-  sdk: '>=2.10.0 <3.0.0'
-dev_dependencies:
-  sass: 1.43.5
-  path: ^1.7.0