Initial implementation

Signed-off-by: Jaid <[email protected]>

Author: Jaid

.browserslistrc

@@ -1,31 +1,7 @@
-# dotenv
-.env
-
-# Node packages
+*.DS_Store
 node_modules
-
-# npm
-package-lock.json
-!/package-lock.json
-npm-debug.log
-npm-debug.log.*
-.npmrc
-/report.*.json
-
-# pnpm
-shrinkwrap.yaml
-!/shrinkwrap.yaml
-pnpm-debug.log
-
-# Yarn
-yarn.lock
-!/yarn.lock
-yarn-error.log
-
-# Generated or temporary content
-dist
-temp
-
-# IDEs
-/.vscode/
-/.idea/
+theme-extension/stable.css
+theme-extension/canary.css
+theme-extension.zip
+theme-extension.crx
+theme-extension.pem

.eslintrc.js

@@ -0,0 +1,57 @@
+module.exports = function(grunt) {
+  /* Load Plugins */
+
+  grunt.loadNpmTasks('grunt-contrib-less')
+  grunt.loadNpmTasks('grunt-contrib-watch')
+  grunt.loadNpmTasks('grunt-contrib-compress')
+  grunt.loadNpmTasks('grunt-bump')
+
+  grunt.initConfig({
+    pkg: '<json:package.json>',
+    compress: {
+      main: {
+        options: {
+          archive: 'theme-extension.zip',
+          mode: 'zip',
+        },
+        files: [
+          {
+            cwd: 'theme-extension/',
+            src: '**/*',
+            expand: true,
+          },
+        ],
+      },
+    },
+    less: {
+      generate: {
+        options: {
+          compress: true,
+          ieCompat: false,
+        },
+        files: {
+          'theme-extension/stable.css': 'less/build-stable.less',
+          'theme-extension/canary.css': 'less/build-canary.less',
+        },
+      },
+      build: {
+        options: {
+          compress: true,
+        },
+        files: {
+          'theme-extension/stable.css': 'less/build-stable.less',
+          'theme-extension/canary.css': 'less/build-canary.less',
+        },
+      },
+    },
+    watch: {
+      canary: {
+        files: [ 'less/*.less', 'themes/*.less' ],
+        tasks: [ 'less:generate' ],
+      },
+    },
+  })
+
+  grunt.registerTask('default', [ 'less:generate' ])
+  grunt.registerTask('package', [ 'less:build', 'compress' ])
+}

.github/workflows/publishPackage.yml

@@ -0,0 +1,54 @@
+/**********************************************
+/* Animations
+/* -------------------------------------------
+/* If you are experiencing performance issues,
+/* remove the animations section below.
+/**********************************************/
+
+// ==========================================================================
+// Popovers
+// ==========================================================================
+.show-popover-animations(@choice) when (@choice = true) {
+
+	@keyframes growFadeIn {
+		0% {
+			opacity: 0;
+			transform: scale(.3);
+		}
+
+		100% {
+			transform: scale(1);
+		}
+	}
+
+	.popover {
+		animation: growFadeIn .2s ease-in-out;
+
+		&.top-left-arrow { transform-origin: 25% 0%; }
+		&.top-right-arrow { transform-origin: 75% 0%; }
+		&.right-top-arrow { transform-origin: 100% 10%; }
+		&.right-bottom-arrow { transform-origin: 100% 90%;}
+		&.bottom-left-arrow { transform-origin: 25% 100%; }
+		&.bottom-right-arrow { transform-origin: 75% 100%; }
+		&.left-top-arrow { transform-origin: 0% 10%; }
+		&.left-bottom-arrow { transform-origin: 0% 90%; }
+	}
+}
+
+// ==========================================================================
+// Child Highlighter
+// ==========================================================================
+
+.show-child-highlighter-animations(@choice) when (@choice = true) {
+		/*-- HIGHLIGHT CHILDREN --*/
+	.elements-disclosure .parent + .children {
+		transition: .5s ease-in .25s;
+	}
+
+	.elements-disclosure .hovered,
+	.elements-disclosure .selected {
+		&.parent.expanded + .children > li:last-of-type .webkit-html-tag.close {
+			transition: opacity .5s ease-in-out .25s;
+		}
+	}
+}

.gitignore

@@ -0,0 +1,33 @@
+// ==========================================================================
+// Sources Sidebar
+// ==========================================================================
+
+// section headers - replace when stable
+.expandable-view-title {
+	&:extend(.sidebar-pane all);
+}
+
+// ==========================================================================
+// Sidebars
+// ==========================================================================
+
+// Darken side panel bg
+.panel-sidebar {
+	background-color: @global-background  !important;
+}
+
+// ==========================================================================
+// Syntax
+// ==========================================================================
+#console-messages .link,
+#console-messages .devtools-link {
+	color: @global-text;
+}
+
+// Adding class for weird bug where files that are of size equals multiple
+// of content hash's block_size (4096 bytes) always fail content verification due to bug.
+// https://bugs.chromium.org/p/chromium/issues/detail?id=720597
+// Fix landed in m61
+.dummy-class-to-fix-weird-bug {
+	display: none;
+}