emacs-elpa-diffs
[Top][All Lists]
Advanced
[Date Prev][Date Next][Thread Prev][Thread Next][Date Index][Thread Index]

[nongnu] elpa/gruvbox-theme 448eaccad3 136/258: Fix color names and upda

From: ELPA Syncer
Subject: [nongnu] elpa/gruvbox-theme 448eaccad3 136/258: Fix color names and update readme
Date: Sat, 1 Jan 2022 01:59:38 -0500 (EST) 
branch: elpa/gruvbox-theme
commit 448eaccad35f0ad0d58ee6e8bd39396bbc497d53
Author: Jasonm23 <jasonm23@gmail.com>
Commit: Jason Milkins <jasonm23@users.noreply.github.com>

    Fix color names and update readme
---
 .gitignore                                      |    1 +
 README.md                                       |   37 +-
 gruvbox-dark-hard-screenshot.png                |  Bin 0 -> 308419 bytes
 gruvbox-dark-medium-screenshot.png              |  Bin 0 -> 309263 bytes
 gruvbox-dark-soft-screenshot.png                |  Bin 0 -> 311263 bytes
 gruvbox-light-hard-screenshot.png               |  Bin 0 -> 318970 bytes
 gruvbox-light-medium-screenshot.png             |  Bin 0 -> 319944 bytes
 gruvbox-light-soft-screenshot.png               |  Bin 0 -> 321041 bytes
 gruvbox-theme.el                                |   10 +-
 palette/.stylelintrc.json                       |   77 +
 palette/Gemfile                                 |    4 +
 palette/Gemfile.lock                            |   13 +
 palette/Gruntfile.js                            |   22 +
 palette/_gruvbox-theme-colors-components.scss   |  113 +
 palette/_gruvbox-theme-colors-dark-palette.scss |   53 +
 palette/gruvbox-theme-colors.css                | 5150 +++++++++++++----------
 palette/gruvbox-theme-colors.css.map            |    6 +-
 palette/gruvbox-theme-colors.scss               |  212 +-
 palette/index.html                              |    1 -
 palette/js/main.js                              |  163 +-
 palette/package.json                            |   27 +
 21 files changed, 3240 insertions(+), 2649 deletions(-)

diff --git a/.gitignore b/.gitignore
index 6ddd26692d..5630928bab 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,2 +1,3 @@
 .sass-cache
 /.DS_Store
+/palette/node_modules
diff --git a/README.md b/README.md
index f5cc7b1056..24600e28a2 100644
--- a/README.md
+++ b/README.md
@@ -4,18 +4,35 @@ Gruvbox is a retro groove color scheme for Emacs. It is a 
port of the Vim
 version originally by [Pavel Pertsev](https://github.com/morhetz) found
 [here](https://github.com/morhetz/gruvbox).
 
-Pavel's version has evolved since this version was made, and now
-includes a light version, and other changes.  Syntax highlighting is
-applied differently in the Vim version too.
+## Theme versions
 
-We are in the process of adding a light version and we'll also try to add
-a version which maps syntax closer to the current Vim Gruvbox.
+#### gruvbox-dark-medium aka. gruvbox
 
-We won't be changing the main Emacs Gruvbox theme, because there's a
-lot of people who've been using it for a few years, and we don't want
-to mess with their preferences.
+![gruvbox-dark-medium aka. gruvbox](gruvbox-dark-medium-screenshot.png)
 
-![Gruvbox theme screenshot](screenshot.png "Gruvbox theme screenshot")
+#### gruvbox-dark-soft
+
+![gruvbox-dark-soft](gruvbox-dark-hard-screenshot.png)
+
+#### gruvbox-dark-hard
+
+![gruvbox-dark-hard](gruvbox-dark-soft-screenshot.png)
+
+#### gruvbox-light-medium
+
+![gruvbox-light-medium](gruvbox-light-medium-screenshot.png)
+
+#### gruvbox-light-soft
+
+![gruvbox-light-soft](gruvbox-light-hard-screenshot.png)
+
+#### gruvbox-light-hard
+
+![gruvbox-light-hard](gruvbox-light-soft-screenshot.png)
+
+## Palette
+
+Note the dark an light tones are transposed in the light versions.
 
 ![Gruvbox Palette Dark](darktones-palette.png "Gruvbox theme palette")
 
@@ -35,7 +52,7 @@ to mess with their preferences.
 
 ![Gruvbox Palette Rainbow Delimiters](rainbow-delimiters-palette.png "Gruvbox 
theme palette")
 
-## Supports
+## Mode Support
 
 This theme contains custom support for the following features and plugins:
 
diff --git a/gruvbox-dark-hard-screenshot.png b/gruvbox-dark-hard-screenshot.png
new file mode 100644
index 0000000000..8ad57d2833
Binary files /dev/null and b/gruvbox-dark-hard-screenshot.png differ
diff --git a/gruvbox-dark-medium-screenshot.png 
b/gruvbox-dark-medium-screenshot.png
new file mode 100644
index 0000000000..8d6d0d9920
Binary files /dev/null and b/gruvbox-dark-medium-screenshot.png differ
diff --git a/gruvbox-dark-soft-screenshot.png b/gruvbox-dark-soft-screenshot.png
new file mode 100644
index 0000000000..3ecebd72e8
Binary files /dev/null and b/gruvbox-dark-soft-screenshot.png differ
diff --git a/gruvbox-light-hard-screenshot.png 
b/gruvbox-light-hard-screenshot.png
new file mode 100644
index 0000000000..4b1a64725d
Binary files /dev/null and b/gruvbox-light-hard-screenshot.png differ
diff --git a/gruvbox-light-medium-screenshot.png 
b/gruvbox-light-medium-screenshot.png
new file mode 100644
index 0000000000..b52c093063
Binary files /dev/null and b/gruvbox-light-medium-screenshot.png differ
diff --git a/gruvbox-light-soft-screenshot.png 
b/gruvbox-light-soft-screenshot.png
new file mode 100644
index 0000000000..15a8f9b82e
Binary files /dev/null and b/gruvbox-light-soft-screenshot.png differ
diff --git a/gruvbox-theme.el b/gruvbox-theme.el
index 2bc8f85def..7b02ec57d5 100644
--- a/gruvbox-theme.el
+++ b/gruvbox-theme.el
@@ -99,9 +99,9 @@
   (gruvbox-faded_aqua      "#427b58" "#5f8787")
   (gruvbox-faded_orange    "#af3a03" "#af5f00")
 
-  (gruvbox_red        "#421E1E" "#5f0000")
-  (gruvbox_blue       "#2B3C44" "#000087")
-  (gruvbox_aqua       "#36473A" "#005f5f")
+  (gruvbox-dark_red             "#421E1E" "#5f0000")
+  (gruvbox-dark_blue            "#2B3C44" "#000087")
+  (gruvbox-dark_aqua            "#36473A" "#005f5f")
 
   (gruvbox-delimiter-one   "#458588" "#008787")
   (gruvbox-delimiter-two   "#b16286" "#d75f87")
@@ -110,13 +110,13 @@
   (gruvbox-white           "#FFFFFF" "#FFFFFF")
   (gruvbox-black           "#000000" "#000000")
   (gruvbox-sienna          "#DD6F48" "#d7875f")
-  (gruvboxslategray4  "#528B8B" "#5f8787")
+  (gruvboxslategray4       "#528B8B" "#5f8787")
   (gruvbox-lightblue4      "#66999D" "#5fafaf")
   (gruvbox-burlywood4      "#BBAA97" "#afaf87")
   (gruvbox-aquamarine4     "#83A598" "#87af87")
   (gruvbox-turquoise4      "#61ACBB" "#5fafaf")
 
-  (gruvbox-bg gruvbox0))
+  (gruvbox-bg gruvbox-dark0))
 
  (custom-theme-set-variables 'gruvbox
                              `(ansi-color-names-vector
diff --git a/palette/.stylelintrc.json b/palette/.stylelintrc.json
new file mode 100644
index 0000000000..addc3ea4b7
--- /dev/null
+++ b/palette/.stylelintrc.json
@@ -0,0 +1,77 @@
+{
+  "plugins": [
+    "stylelint-order",
+    "stylelint-scss"
+  ],
+"rules": {
+    "at-rule-no-vendor-prefix": true,
+    "block-no-empty": true,
+    "block-opening-brace-space-before": "always",
+    "color-hex-case": "lower",
+    "color-hex-length": "long",
+    "color-named": "never",
+    "color-no-invalid-hex": true,
+    "declaration-bang-space-after": "never",
+    "declaration-bang-space-before": "always",
+    "declaration-block-semicolon-newline-after": "always",
+    "declaration-block-semicolon-space-before": "never",
+    "declaration-block-single-line-max-declarations": 1,
+    "declaration-block-trailing-semicolon": "always",
+    "declaration-colon-space-after": "always-single-line",
+    "declaration-colon-space-before": "never",
+    "declaration-property-value-blacklist": {
+      "/^border/": [
+        "none"
+      ]
+    },
+    "function-comma-space-after": "always-single-line",
+    "function-parentheses-space-inside": "never",
+    "function-url-quotes": "always",
+    "indentation": 2,
+    "length-zero-no-unit": true,
+    "max-nesting-depth": 1,
+    "media-feature-name-no-vendor-prefix": true,
+    "media-feature-parentheses-space-inside": "never",
+    "no-missing-end-of-source-newline": true,
+    "number-leading-zero": "always",
+    "number-no-trailing-zeros": true,
+    "property-no-unknown": true,
+    "property-no-vendor-prefix": true,
+    "rule-empty-line-before": [
+      "always-multi-line",
+      {
+        "except": [
+          "first-nested"
+        ],
+        "ignore": [
+          "after-comment"
+        ]
+      }
+    ],
+    "scss/at-extend-no-missing-placeholder": true,
+    "scss/at-function-pattern": "^[a-z]+([a-z0-9-]+[a-z0-9]+)?$",
+    "scss/at-import-partial-extension-blacklist": ["scss"],
+    "scss/at-mixin-pattern": "^[a-z]+([a-z0-9-]+[a-z0-9]+)?$",
+    "scss/dollar-variable-colon-space-after": "always",
+    "scss/dollar-variable-colon-space-before": "never",
+    "scss/dollar-variable-pattern": "^[_]?[a-z]+([a-z0-9-]+[a-z0-9]+)?$",
+    "scss/percent-placeholder-pattern": "^[a-z]+([a-z0-9-]+[a-z0-9]+)?$",
+    "scss/selector-no-redundant-nesting-selector": true,
+    "selector-class-pattern": [
+      "^[a-z0-9\\-]+$",
+      {
+        "message": "Selector should be written in lowercase with hyphens 
(selector-class-pattern)"
+      }
+    ],
+    "selector-list-comma-newline-after": "always",
+    "selector-max-compound-selectors": 3,
+    "selector-no-id": true,
+    "selector-no-qualifying-type": true,
+    "selector-no-vendor-prefix": true,
+    "selector-pseudo-element-colon-notation": "double",
+    "selector-pseudo-element-no-unknown": true,
+    "shorthand-property-no-redundant-values": true,
+    "string-quotes": "double",
+    "value-no-vendor-prefix": true
+  }
+}
diff --git a/palette/Gemfile b/palette/Gemfile
new file mode 100644
index 0000000000..c0b0261943
--- /dev/null
+++ b/palette/Gemfile
@@ -0,0 +1,4 @@
+# frozen_string_literal: true
+source "https://rubygems.org";
+
+gem "sass"
diff --git a/palette/Gemfile.lock b/palette/Gemfile.lock
new file mode 100644
index 0000000000..6ae03c14cf
--- /dev/null
+++ b/palette/Gemfile.lock
@@ -0,0 +1,13 @@
+GEM
+  remote: https://rubygems.org/
+  specs:
+    sass (3.4.24)
+
+PLATFORMS
+  ruby
+
+DEPENDENCIES
+  sass
+
+BUNDLED WITH
+   1.14.6
diff --git a/palette/Gruntfile.js b/palette/Gruntfile.js
new file mode 100644
index 0000000000..caad0507fd
--- /dev/null
+++ b/palette/Gruntfile.js
@@ -0,0 +1,22 @@
+module.exports = function(grunt) {
+  grunt.initConfig({
+    stylelint: {
+      all: ['*.scss']
+    },
+    sass: {
+      dist: {
+        options: {
+          style: 'expanded'
+        },
+        files: {
+          'gruvbox-theme-colors.css':
+          'gruvbox-theme-colors.scss'
+        }
+      }
+    }
+  });
+
+  grunt.loadNpmTasks('grunt-stylelint');
+  grunt.loadNpmTasks('grunt-contrib-sass');
+  grunt.registerTask('default', ['sass', 'stylelint']);
+};
diff --git a/palette/_gruvbox-theme-colors-components.scss 
b/palette/_gruvbox-theme-colors-components.scss
new file mode 100644
index 0000000000..6551fb0eee
--- /dev/null
+++ b/palette/_gruvbox-theme-colors-components.scss
@@ -0,0 +1,113 @@
+$dark: #000000;
+$light: #ffffff;
+
+@function contrast-foreground($color) {
+  $color-brightness: lightness($color);
+  $dark-text-brightness: lightness($dark);
+  $light-text-brightness: lightness($light);
+  @return if(abs($color-brightness - $light-text-brightness) > 
abs($color-brightness - $dark-text-brightness),
+  $light,
+  $dark);
+}
+
+@function bottom-bar-color($color) {
+  @return  darken($color, 12%);
+}
+
+$swatch-width: 128px;
+$swatch-height: 128px;
+
+body {
+  font-family: "SauceCodePro Nerd Font";
+  font-weight: lighter;
+  background-color: rgba(0, 0, 0, 0);
+}
+
+h1,
+h2,
+h3,
+h4,
+h5 {
+  font-weight: lighter;
+  margin: 0;
+  margin-bottom: 3px;
+}
+
+$heads: (
+  h1: 42pt,
+  h2: 38pt,
+  h3: 28pt,
+  h4: 18pt,
+  h5: 14pt
+);
+
+@each $head, $size in $heads {
+  #{$head} {
+    font-size: $size;
+  }
+}
+
+.gruvbox-swatch {
+  width: $swatch-width;
+  height: $swatch-height;
+  font-size: 10pt;
+  float: left;
+  margin: 1px 1px 0 0;
+}
+
+@each $name, $color in $gruvbox-palette {
+  .#{$name} {
+    position: relative;
+    color: contrast-foreground($color);
+    background-color: $color;
+    height: $swatch-height - 8px;
+
+    .xterm {
+      position: absolute;
+      width: 112px;
+      top: -16px;
+      right: 0;
+      padding: 3px;
+      transform-origin: right bottom;
+      transform: rotate(270deg);
+      text-align: right;
+      font-size: 7pt;
+    }
+
+    .content {
+      position: absolute;
+      top: 5px;
+      left: 8px;
+      font-size: 10pt;
+    }
+
+    .color-label {
+      position: absolute;
+      bottom: 5px;
+      left: 8px;
+      font-size: 14pt;
+    }
+  }
+
+  .#{$name}-after {
+    height: 8px;
+    width: $swatch-width;
+    background-color: bottom-bar-color($color);
+  }
+}
+
+.separator {
+  clear: left;
+  height: 0;
+  width: 100%;
+}
+
+.group-separator {
+  clear: left;
+  height: 10px;
+  width: 100%;
+  border-bottom-color: rgba(0, 0, 0, 0.1);
+  border-bottom-width: 1px;
+  border-bottom-style: solid;
+  margin-bottom: 10px;
+}
diff --git a/palette/_gruvbox-theme-colors-dark-palette.scss 
b/palette/_gruvbox-theme-colors-dark-palette.scss
new file mode 100644
index 0000000000..df2d84f87b
--- /dev/null
+++ b/palette/_gruvbox-theme-colors-dark-palette.scss
@@ -0,0 +1,53 @@
+$gruvbox-palette: (
+  gruvbox-dark0_hard:             #1d2021, gruvbox-dark0_hard-xterm:       
#1c1c1c,
+  gruvbox-dark0:                  #282828, gruvbox-dark0-xterm:            
#262626,
+  gruvbox-dark0_soft:             #32302f, gruvbox-dark0_soft-xterm:       
#303030,
+  gruvbox-dark1:                  #3c3836, gruvbox-dark1-xterm:            
#3a3a3a,
+  gruvbox-dark2:                  #504945, gruvbox-dark2-xterm:            
#4e4e4e,
+  gruvbox-dark3:                  #665c54, gruvbox-dark3-xterm:            
#626262,
+  gruvbox-dark4:                  #7c6f64, gruvbox-dark4-xterm:            
#767676,
+  gruvbox-gray:                   #928374, gruvbox-gray-xterm:             
#8a8a8a,
+  gruvbox-light0_hard:            #ffffc8, gruvbox-light0_hard-xterm:      
#ffffd7,
+  gruvbox-light0:                 #fdf4c1, gruvbox-light0-xterm:           
#ffffaf,
+  gruvbox-light0_soft:            #f4e8ba, gruvbox-light0_soft-xterm:      
#ffdfaf,
+  gruvbox-light1:                 #ebdbb2, gruvbox-light1-xterm:           
#ffdfaf,
+  gruvbox-light2:                 #d5c4a1, gruvbox-light2-xterm:           
#bcbcbc,
+  gruvbox-light3:                 #bdae93, gruvbox-light3-xterm:           
#a8a8a8,
+  gruvbox-light4:                 #a89984, gruvbox-light4-xterm:           
#949494,
+  gruvbox-bright_red:             #fb4933, gruvbox-bright_red-xterm:       
#d75f5f,
+  gruvbox-bright_green:           #b8bb26, gruvbox-bright_green-xterm:     
#afaf00,
+  gruvbox-bright_yellow:          #fabd2f, gruvbox-bright_yellow-xterm:    
#ffaf00,
+  gruvbox-bright_blue:            #83a598, gruvbox-bright_blue-xterm:      
#87afaf,
+  gruvbox-bright_purple:          #d3869b, gruvbox-bright_purple-xterm:    
#d787af,
+  gruvbox-bright_aqua:            #8ec07c, gruvbox-bright_aqua-xterm:      
#87af87,
+  gruvbox-bright_orange:          #fe8019, gruvbox-bright_orange-xterm:    
#ff8700,
+  gruvbox-neutral_red:            #fb4934, gruvbox-neutral_red-xterm:      
#d75f5f,
+  gruvbox-neutral_green:          #b8bb26, gruvbox-neutral_green-xterm:    
#afaf00,
+  gruvbox-neutral_yellow:         #fabd2f, gruvbox-neutral_yellow-xterm:   
#ffaf00,
+  gruvbox-neutral_blue:           #83a598, gruvbox-neutral_blue-xterm:     
#87afaf,
+  gruvbox-neutral_purple:         #d3869b, gruvbox-neutral_purple-xterm:   
#d787af,
+  gruvbox-neutral_aqua:           #8ec07c, gruvbox-neutral_aqua-xterm:     
#87af87,
+  gruvbox-neutral_orange:         #fe8019, gruvbox-neutral_orange-xterm:   
#ff8700,
+  gruvbox-faded_red:              #9d0006, gruvbox-faded_red-xterm:        
#870000,
+  gruvbox-faded_green:            #79740e, gruvbox-faded_green-xterm:      
#878700,
+  gruvbox-faded_yellow:           #b57614, gruvbox-faded_yellow-xterm:     
#af8700,
+  gruvbox-faded_blue:             #076678, gruvbox-faded_blue-xterm:       
#005f87,
+  gruvbox-faded_purple:           #8f3f71, gruvbox-faded_purple-xterm:     
#875f87,
+  gruvbox-faded_aqua:             #427b58, gruvbox-faded_aqua-xterm:       
#5f8787,
+  gruvbox-faded_orange:           #af3a03, gruvbox-faded_orange-xterm:     
#af5f00,
+  gruvbox-dark_red:               #421e1e, gruvbox-dark_red-xterm:         
#5f0000,
+  gruvbox-dark_blue:              #2b3c44, gruvbox-dark_blue-xterm:        
#000087,
+  gruvbox-dark_aqua:              #36473a, gruvbox-dark_aqua-xterm:        
#005f5f,
+  gruvbox-delimiter-one:          #458588, gruvbox-delimiter-one-xterm:    
#008787,
+  gruvbox-delimiter-two:          #b16286, gruvbox-delimiter-two-xterm:    
#d75f87,
+  gruvbox-delimiter-three:        #8ec07c, gruvbox-delimiter-three-xterm:  
#87af87,
+  gruvbox-delimiter-four:         #d65d0e, gruvbox-delimiter-four-xterm:   
#d75f00,
+  gruvbox-white:                  #ffffff, gruvbox-white-xterm:            
#ffffff,
+  gruvbox-black:                  #000000, gruvbox-black-xterm:            
#000000,
+  gruvbox-sienna:                 #dd6f48, gruvbox-sienna-xterm:           
#d7875f,
+  gruvbox-darkslategray4:         #528b8b, gruvbox-darkslategray4-xterm:   
#5f8787,
+  gruvbox-lightblue4:             #66999d, gruvbox-lightblue4-xterm:       
#5fafaf,
+  gruvbox-burlywood4:             #bbaa97, gruvbox-burlywood4-xterm:       
#afaf87,
+  gruvbox-aquamarine4:            #83a598, gruvbox-aquamarine4-xterm:      
#87af87,
+  gruvbox-turquoise4:             #61acbb, gruvbox-turquoise4-xterm:       
#5fafaf,
+);
diff --git a/palette/gruvbox-theme-colors.css b/palette/gruvbox-theme-colors.css
index d2d1e25eaf..797581d790 100644
--- a/palette/gruvbox-theme-colors.css
+++ b/palette/gruvbox-theme-colors.css
@@ -1,3201 +1,3724 @@
 body {
   font-family: "SauceCodePro Nerd Font";
   font-weight: lighter;
-  background-color: transparent; }
+  background-color: transparent;
+}
 
-h1, h2, h3, h4, h5 {
+h1,
+h2,
+h3,
+h4,
+h5 {
   font-weight: lighter;
   margin: 0;
-  margin-bottom: 3px; }
+  margin-bottom: 3px;
+}
 
 h1 {
-  font-size: 42pt; }
+  font-size: 42pt;
+}
 
 h2 {
-  font-size: 38pt; }
+  font-size: 38pt;
+}
 
 h3 {
-  font-size: 28pt; }
+  font-size: 28pt;
+}
 
 h4 {
-  font-size: 18pt; }
+  font-size: 18pt;
+}
 
 h5 {
-  font-size: 14pt; }
+  font-size: 14pt;
+}
 
 .gruvbox-swatch {
   width: 128px;
   height: 128px;
   font-size: 10pt;
   float: left;
-  margin: 1px 1px 0 0; }
+  margin: 1px 1px 0 0;
+}
 
 .gruvbox-dark0_hard {
   position: relative;
-  color: #FFFFFF;
+  color: #ffffff;
   background-color: #1d2021;
-  height: 120px; }
-  .gruvbox-dark0_hard .xterm {
-    position: absolute;
-    width: 112px;
-    top: -16px;
-    right: 0px;
-    padding: 3px;
-    transform-origin: right bottom;
-    transform: rotate(270deg);
-    text-alignment: right;
-    font-size: 7pt; }
-  .gruvbox-dark0_hard .content {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-    font-size: 10pt; }
-  .gruvbox-dark0_hard .color-label {
-    position: absolute;
-    bottom: 5px;
-    left: 8px;
-    font-size: 14pt; }
+  height: 120px;
+}
+.gruvbox-dark0_hard .xterm {
+  position: absolute;
+  width: 112px;
+  top: -16px;
+  right: 0;
+  padding: 3px;
+  transform-origin: right bottom;
+  transform: rotate(270deg);
+  text-align: right;
+  font-size: 7pt;
+}
+.gruvbox-dark0_hard .content {
+  position: absolute;
+  top: 5px;
+  left: 8px;
+  font-size: 10pt;
+}
+.gruvbox-dark0_hard .color-label {
+  position: absolute;
+  bottom: 5px;
+  left: 8px;
+  font-size: 14pt;
+}
 
 .gruvbox-dark0_hard-after {
   height: 8px;
   width: 128px;
-  background-color: black; }
+  background-color: black;
+}
 
 .gruvbox-dark0_hard-xterm {
   position: relative;
-  color: #FFFFFF;
+  color: #ffffff;
   background-color: #1c1c1c;
-  height: 120px; }
-  .gruvbox-dark0_hard-xterm .xterm {
-    position: absolute;
-    width: 112px;
-    top: -16px;
-    right: 0px;
-    padding: 3px;
-    transform-origin: right bottom;
-    transform: rotate(270deg);
-    text-alignment: right;
-    font-size: 7pt; }
-  .gruvbox-dark0_hard-xterm .content {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-    font-size: 10pt; }
-  .gruvbox-dark0_hard-xterm .color-label {
-    position: absolute;
-    bottom: 5px;
-    left: 8px;
-    font-size: 14pt; }
+  height: 120px;
+}
+.gruvbox-dark0_hard-xterm .xterm {
+  position: absolute;
+  width: 112px;
+  top: -16px;
+  right: 0;
+  padding: 3px;
+  transform-origin: right bottom;
+  transform: rotate(270deg);
+  text-align: right;
+  font-size: 7pt;
+}
+.gruvbox-dark0_hard-xterm .content {
+  position: absolute;
+  top: 5px;
+  left: 8px;
+  font-size: 10pt;
+}
+.gruvbox-dark0_hard-xterm .color-label {
+  position: absolute;
+  bottom: 5px;
+  left: 8px;
+  font-size: 14pt;
+}
 
 .gruvbox-dark0_hard-xterm-after {
   height: 8px;
   width: 128px;
-  background-color: black; }
+  background-color: black;
+}
 
 .gruvbox-dark0 {
   position: relative;
-  color: #FFFFFF;
+  color: #ffffff;
   background-color: #282828;
-  height: 120px; }
-  .gruvbox-dark0 .xterm {
-    position: absolute;
-    width: 112px;
-    top: -16px;
-    right: 0px;
-    padding: 3px;
-    transform-origin: right bottom;
-    transform: rotate(270deg);
-    text-alignment: right;
-    font-size: 7pt; }
-  .gruvbox-dark0 .content {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-    font-size: 10pt; }
-  .gruvbox-dark0 .color-label {
-    position: absolute;
-    bottom: 5px;
-    left: 8px;
-    font-size: 14pt; }
+  height: 120px;
+}
+.gruvbox-dark0 .xterm {
+  position: absolute;
+  width: 112px;
+  top: -16px;
+  right: 0;
+  padding: 3px;
+  transform-origin: right bottom;
+  transform: rotate(270deg);
+  text-align: right;
+  font-size: 7pt;
+}
+.gruvbox-dark0 .content {
+  position: absolute;
+  top: 5px;
+  left: 8px;
+  font-size: 10pt;
+}
+.gruvbox-dark0 .color-label {
+  position: absolute;
+  bottom: 5px;
+  left: 8px;
+  font-size: 14pt;
+}
 
 .gruvbox-dark0-after {
   height: 8px;
   width: 128px;
-  background-color: #090909; }
+  background-color: #090909;
+}
 
 .gruvbox-dark0-xterm {
   position: relative;
-  color: #FFFFFF;
+  color: #ffffff;
   background-color: #262626;
-  height: 120px; }
-  .gruvbox-dark0-xterm .xterm {
-    position: absolute;
-    width: 112px;
-    top: -16px;
-    right: 0px;
-    padding: 3px;
-    transform-origin: right bottom;
-    transform: rotate(270deg);
-    text-alignment: right;
-    font-size: 7pt; }
-  .gruvbox-dark0-xterm .content {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-    font-size: 10pt; }
-  .gruvbox-dark0-xterm .color-label {
-    position: absolute;
-    bottom: 5px;
-    left: 8px;
-    font-size: 14pt; }
+  height: 120px;
+}
+.gruvbox-dark0-xterm .xterm {
+  position: absolute;
+  width: 112px;
+  top: -16px;
+  right: 0;
+  padding: 3px;
+  transform-origin: right bottom;
+  transform: rotate(270deg);
+  text-align: right;
+  font-size: 7pt;
+}
+.gruvbox-dark0-xterm .content {
+  position: absolute;
+  top: 5px;
+  left: 8px;
+  font-size: 10pt;
+}
+.gruvbox-dark0-xterm .color-label {
+  position: absolute;
+  bottom: 5px;
+  left: 8px;
+  font-size: 14pt;
+}
 
 .gruvbox-dark0-xterm-after {
   height: 8px;
   width: 128px;
-  background-color: #070707; }
+  background-color: #070707;
+}
 
 .gruvbox-dark0_soft {
   position: relative;
-  color: #FFFFFF;
+  color: #ffffff;
   background-color: #32302f;
-  height: 120px; }
-  .gruvbox-dark0_soft .xterm {
-    position: absolute;
-    width: 112px;
-    top: -16px;
-    right: 0px;
-    padding: 3px;
-    transform-origin: right bottom;
-    transform: rotate(270deg);
-    text-alignment: right;
-    font-size: 7pt; }
-  .gruvbox-dark0_soft .content {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-    font-size: 10pt; }
-  .gruvbox-dark0_soft .color-label {
-    position: absolute;
-    bottom: 5px;
-    left: 8px;
-    font-size: 14pt; }
+  height: 120px;
+}
+.gruvbox-dark0_soft .xterm {
+  position: absolute;
+  width: 112px;
+  top: -16px;
+  right: 0;
+  padding: 3px;
+  transform-origin: right bottom;
+  transform: rotate(270deg);
+  text-align: right;
+  font-size: 7pt;
+}
+.gruvbox-dark0_soft .content {
+  position: absolute;
+  top: 5px;
+  left: 8px;
+  font-size: 10pt;
+}
+.gruvbox-dark0_soft .color-label {
+  position: absolute;
+  bottom: 5px;
+  left: 8px;
+  font-size: 14pt;
+}
 
 .gruvbox-dark0_soft-after {
   height: 8px;
   width: 128px;
-  background-color: #121211; }
+  background-color: #121211;
+}
 
 .gruvbox-dark0_soft-xterm {
   position: relative;
-  color: #FFFFFF;
+  color: #ffffff;
   background-color: #303030;
-  height: 120px; }
-  .gruvbox-dark0_soft-xterm .xterm {
-    position: absolute;
-    width: 112px;
-    top: -16px;
-    right: 0px;
-    padding: 3px;
-    transform-origin: right bottom;
-    transform: rotate(270deg);
-    text-alignment: right;
-    font-size: 7pt; }
-  .gruvbox-dark0_soft-xterm .content {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-    font-size: 10pt; }
-  .gruvbox-dark0_soft-xterm .color-label {
-    position: absolute;
-    bottom: 5px;
-    left: 8px;
-    font-size: 14pt; }
+  height: 120px;
+}
+.gruvbox-dark0_soft-xterm .xterm {
+  position: absolute;
+  width: 112px;
+  top: -16px;
+  right: 0;
+  padding: 3px;
+  transform-origin: right bottom;
+  transform: rotate(270deg);
+  text-align: right;
+  font-size: 7pt;
+}
+.gruvbox-dark0_soft-xterm .content {
+  position: absolute;
+  top: 5px;
+  left: 8px;
+  font-size: 10pt;
+}
+.gruvbox-dark0_soft-xterm .color-label {
+  position: absolute;
+  bottom: 5px;
+  left: 8px;
+  font-size: 14pt;
+}
 
 .gruvbox-dark0_soft-xterm-after {
   height: 8px;
   width: 128px;
-  background-color: #111111; }
+  background-color: #111111;
+}
 
 .gruvbox-dark1 {
   position: relative;
-  color: #FFFFFF;
+  color: #ffffff;
   background-color: #3c3836;
-  height: 120px; }
-  .gruvbox-dark1 .xterm {
-    position: absolute;
-    width: 112px;
-    top: -16px;
-    right: 0px;
-    padding: 3px;
-    transform-origin: right bottom;
-    transform: rotate(270deg);
-    text-alignment: right;
-    font-size: 7pt; }
-  .gruvbox-dark1 .content {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-    font-size: 10pt; }
-  .gruvbox-dark1 .color-label {
-    position: absolute;
-    bottom: 5px;
-    left: 8px;
-    font-size: 14pt; }
+  height: 120px;
+}
+.gruvbox-dark1 .xterm {
+  position: absolute;
+  width: 112px;
+  top: -16px;
+  right: 0;
+  padding: 3px;
+  transform-origin: right bottom;
+  transform: rotate(270deg);
+  text-align: right;
+  font-size: 7pt;
+}
+.gruvbox-dark1 .content {
+  position: absolute;
+  top: 5px;
+  left: 8px;
+  font-size: 10pt;
+}
+.gruvbox-dark1 .color-label {
+  position: absolute;
+  bottom: 5px;
+  left: 8px;
+  font-size: 14pt;
+}
 
 .gruvbox-dark1-after {
   height: 8px;
   width: 128px;
-  background-color: #1c1a19; }
+  background-color: #1c1a19;
+}
 
 .gruvbox-dark1-xterm {
   position: relative;
-  color: #FFFFFF;
+  color: #ffffff;
   background-color: #3a3a3a;
-  height: 120px; }
-  .gruvbox-dark1-xterm .xterm {
-    position: absolute;
-    width: 112px;
-    top: -16px;
-    right: 0px;
-    padding: 3px;
-    transform-origin: right bottom;
-    transform: rotate(270deg);
-    text-alignment: right;
-    font-size: 7pt; }
-  .gruvbox-dark1-xterm .content {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-    font-size: 10pt; }
-  .gruvbox-dark1-xterm .color-label {
-    position: absolute;
-    bottom: 5px;
-    left: 8px;
-    font-size: 14pt; }
+  height: 120px;
+}
+.gruvbox-dark1-xterm .xterm {
+  position: absolute;
+  width: 112px;
+  top: -16px;
+  right: 0;
+  padding: 3px;
+  transform-origin: right bottom;
+  transform: rotate(270deg);
+  text-align: right;
+  font-size: 7pt;
+}
+.gruvbox-dark1-xterm .content {
+  position: absolute;
+  top: 5px;
+  left: 8px;
+  font-size: 10pt;
+}
+.gruvbox-dark1-xterm .color-label {
+  position: absolute;
+  bottom: 5px;
+  left: 8px;
+  font-size: 14pt;
+}
 
 .gruvbox-dark1-xterm-after {
   height: 8px;
   width: 128px;
-  background-color: #1b1b1b; }
+  background-color: #1b1b1b;
+}
 
 .gruvbox-dark2 {
   position: relative;
-  color: #FFFFFF;
+  color: #ffffff;
   background-color: #504945;
-  height: 120px; }
-  .gruvbox-dark2 .xterm {
-    position: absolute;
-    width: 112px;
-    top: -16px;
-    right: 0px;
-    padding: 3px;
-    transform-origin: right bottom;
-    transform: rotate(270deg);
-    text-alignment: right;
-    font-size: 7pt; }
-  .gruvbox-dark2 .content {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-    font-size: 10pt; }
-  .gruvbox-dark2 .color-label {
-    position: absolute;
-    bottom: 5px;
-    left: 8px;
-    font-size: 14pt; }
+  height: 120px;
+}
+.gruvbox-dark2 .xterm {
+  position: absolute;
+  width: 112px;
+  top: -16px;
+  right: 0;
+  padding: 3px;
+  transform-origin: right bottom;
+  transform: rotate(270deg);
+  text-align: right;
+  font-size: 7pt;
+}
+.gruvbox-dark2 .content {
+  position: absolute;
+  top: 5px;
+  left: 8px;
+  font-size: 10pt;
+}
+.gruvbox-dark2 .color-label {
+  position: absolute;
+  bottom: 5px;
+  left: 8px;
+  font-size: 14pt;
+}
 
 .gruvbox-dark2-after {
   height: 8px;
   width: 128px;
-  background-color: #2f2b29; }
+  background-color: #2f2b29;
+}
 
 .gruvbox-dark2-xterm {
   position: relative;
-  color: #FFFFFF;
+  color: #ffffff;
   background-color: #4e4e4e;
-  height: 120px; }
-  .gruvbox-dark2-xterm .xterm {
-    position: absolute;
-    width: 112px;
-    top: -16px;
-    right: 0px;
-    padding: 3px;
-    transform-origin: right bottom;
-    transform: rotate(270deg);
-    text-alignment: right;
-    font-size: 7pt; }
-  .gruvbox-dark2-xterm .content {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-    font-size: 10pt; }
-  .gruvbox-dark2-xterm .color-label {
-    position: absolute;
-    bottom: 5px;
-    left: 8px;
-    font-size: 14pt; }
+  height: 120px;
+}
+.gruvbox-dark2-xterm .xterm {
+  position: absolute;
+  width: 112px;
+  top: -16px;
+  right: 0;
+  padding: 3px;
+  transform-origin: right bottom;
+  transform: rotate(270deg);
+  text-align: right;
+  font-size: 7pt;
+}
+.gruvbox-dark2-xterm .content {
+  position: absolute;
+  top: 5px;
+  left: 8px;
+  font-size: 10pt;
+}
+.gruvbox-dark2-xterm .color-label {
+  position: absolute;
+  bottom: 5px;
+  left: 8px;
+  font-size: 14pt;
+}
 
 .gruvbox-dark2-xterm-after {
   height: 8px;
   width: 128px;
-  background-color: #2f2f2f; }
+  background-color: #2f2f2f;
+}
 
 .gruvbox-dark3 {
   position: relative;
-  color: #FFFFFF;
+  color: #ffffff;
   background-color: #665c54;
-  height: 120px; }
-  .gruvbox-dark3 .xterm {
-    position: absolute;
-    width: 112px;
-    top: -16px;
-    right: 0px;
-    padding: 3px;
-    transform-origin: right bottom;
-    transform: rotate(270deg);
-    text-alignment: right;
-    font-size: 7pt; }
-  .gruvbox-dark3 .content {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-    font-size: 10pt; }
-  .gruvbox-dark3 .color-label {
-    position: absolute;
-    bottom: 5px;
-    left: 8px;
-    font-size: 14pt; }
+  height: 120px;
+}
+.gruvbox-dark3 .xterm {
+  position: absolute;
+  width: 112px;
+  top: -16px;
+  right: 0;
+  padding: 3px;
+  transform-origin: right bottom;
+  transform: rotate(270deg);
+  text-align: right;
+  font-size: 7pt;
+}
+.gruvbox-dark3 .content {
+  position: absolute;
+  top: 5px;
+  left: 8px;
+  font-size: 10pt;
+}
+.gruvbox-dark3 .color-label {
+  position: absolute;
+  bottom: 5px;
+  left: 8px;
+  font-size: 14pt;
+}
 
 .gruvbox-dark3-after {
   height: 8px;
   width: 128px;
-  background-color: #443e38; }
+  background-color: #443e38;
+}
 
 .gruvbox-dark3-xterm {
   position: relative;
-  color: #FFFFFF;
+  color: #ffffff;
   background-color: #626262;
-  height: 120px; }
-  .gruvbox-dark3-xterm .xterm {
-    position: absolute;
-    width: 112px;
-    top: -16px;
-    right: 0px;
-    padding: 3px;
-    transform-origin: right bottom;
-    transform: rotate(270deg);
-    text-alignment: right;
-    font-size: 7pt; }
-  .gruvbox-dark3-xterm .content {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-    font-size: 10pt; }
-  .gruvbox-dark3-xterm .color-label {
-    position: absolute;
-    bottom: 5px;
-    left: 8px;
-    font-size: 14pt; }
+  height: 120px;
+}
+.gruvbox-dark3-xterm .xterm {
+  position: absolute;
+  width: 112px;
+  top: -16px;
+  right: 0;
+  padding: 3px;
+  transform-origin: right bottom;
+  transform: rotate(270deg);
+  text-align: right;
+  font-size: 7pt;
+}
+.gruvbox-dark3-xterm .content {
+  position: absolute;
+  top: 5px;
+  left: 8px;
+  font-size: 10pt;
+}
+.gruvbox-dark3-xterm .color-label {
+  position: absolute;
+  bottom: 5px;
+  left: 8px;
+  font-size: 14pt;
+}
 
 .gruvbox-dark3-xterm-after {
   height: 8px;
   width: 128px;
-  background-color: #434343; }
+  background-color: #434343;
+}
 
 .gruvbox-dark4 {
   position: relative;
-  color: #FFFFFF;
+  color: #ffffff;
   background-color: #7c6f64;
-  height: 120px; }
-  .gruvbox-dark4 .xterm {
-    position: absolute;
-    width: 112px;
-    top: -16px;
-    right: 0px;
-    padding: 3px;
-    transform-origin: right bottom;
-    transform: rotate(270deg);
-    text-alignment: right;
-    font-size: 7pt; }
-  .gruvbox-dark4 .content {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-    font-size: 10pt; }
-  .gruvbox-dark4 .color-label {
-    position: absolute;
-    bottom: 5px;
-    left: 8px;
-    font-size: 14pt; }
+  height: 120px;
+}
+.gruvbox-dark4 .xterm {
+  position: absolute;
+  width: 112px;
+  top: -16px;
+  right: 0;
+  padding: 3px;
+  transform-origin: right bottom;
+  transform: rotate(270deg);
+  text-align: right;
+  font-size: 7pt;
+}
+.gruvbox-dark4 .content {
+  position: absolute;
+  top: 5px;
+  left: 8px;
+  font-size: 10pt;
+}
+.gruvbox-dark4 .color-label {
+  position: absolute;
+  bottom: 5px;
+  left: 8px;
+  font-size: 14pt;
+}
 
 .gruvbox-dark4-after {
   height: 8px;
   width: 128px;
-  background-color: #5a5149; }
+  background-color: #5a5149;
+}
 
 .gruvbox-dark4-xterm {
   position: relative;
-  color: #FFFFFF;
+  color: #ffffff;
   background-color: #767676;
-  height: 120px; }
-  .gruvbox-dark4-xterm .xterm {
-    position: absolute;
-    width: 112px;
-    top: -16px;
-    right: 0px;
-    padding: 3px;
-    transform-origin: right bottom;
-    transform: rotate(270deg);
-    text-alignment: right;
-    font-size: 7pt; }
-  .gruvbox-dark4-xterm .content {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-    font-size: 10pt; }
-  .gruvbox-dark4-xterm .color-label {
-    position: absolute;
-    bottom: 5px;
-    left: 8px;
-    font-size: 14pt; }
+  height: 120px;
+}
+.gruvbox-dark4-xterm .xterm {
+  position: absolute;
+  width: 112px;
+  top: -16px;
+  right: 0;
+  padding: 3px;
+  transform-origin: right bottom;
+  transform: rotate(270deg);
+  text-align: right;
+  font-size: 7pt;
+}
+.gruvbox-dark4-xterm .content {
+  position: absolute;
+  top: 5px;
+  left: 8px;
+  font-size: 10pt;
+}
+.gruvbox-dark4-xterm .color-label {
+  position: absolute;
+  bottom: 5px;
+  left: 8px;
+  font-size: 14pt;
+}
 
 .gruvbox-dark4-xterm-after {
   height: 8px;
   width: 128px;
-  background-color: #575757; }
+  background-color: #575757;
+}
 
 .gruvbox-gray {
   position: relative;
   color: #000000;
   background-color: #928374;
-  height: 120px; }
-  .gruvbox-gray .xterm {
-    position: absolute;
-    width: 112px;
-    top: -16px;
-    right: 0px;
-    padding: 3px;
-    transform-origin: right bottom;
-    transform: rotate(270deg);
-    text-alignment: right;
-    font-size: 7pt; }
-  .gruvbox-gray .content {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-    font-size: 10pt; }
-  .gruvbox-gray .color-label {
-    position: absolute;
-    bottom: 5px;
-    left: 8px;
-    font-size: 14pt; }
+  height: 120px;
+}
+.gruvbox-gray .xterm {
+  position: absolute;
+  width: 112px;
+  top: -16px;
+  right: 0;
+  padding: 3px;
+  transform-origin: right bottom;
+  transform: rotate(270deg);
+  text-align: right;
+  font-size: 7pt;
+}
+.gruvbox-gray .content {
+  position: absolute;
+  top: 5px;
+  left: 8px;
+  font-size: 10pt;
+}
+.gruvbox-gray .color-label {
+  position: absolute;
+  bottom: 5px;
+  left: 8px;
+  font-size: 14pt;
+}
 
 .gruvbox-gray-after {
   height: 8px;
   width: 128px;
-  background-color: #716458; }
+  background-color: #716458;
+}
 
 .gruvbox-gray-xterm {
   position: relative;
   color: #000000;
   background-color: #8a8a8a;
-  height: 120px; }
-  .gruvbox-gray-xterm .xterm {
-    position: absolute;
-    width: 112px;
-    top: -16px;
-    right: 0px;
-    padding: 3px;
-    transform-origin: right bottom;
-    transform: rotate(270deg);
-    text-alignment: right;
-    font-size: 7pt; }
-  .gruvbox-gray-xterm .content {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-    font-size: 10pt; }
-  .gruvbox-gray-xterm .color-label {
-    position: absolute;
-    bottom: 5px;
-    left: 8px;
-    font-size: 14pt; }
+  height: 120px;
+}
+.gruvbox-gray-xterm .xterm {
+  position: absolute;
+  width: 112px;
+  top: -16px;
+  right: 0;
+  padding: 3px;
+  transform-origin: right bottom;
+  transform: rotate(270deg);
+  text-align: right;
+  font-size: 7pt;
+}
+.gruvbox-gray-xterm .content {
+  position: absolute;
+  top: 5px;
+  left: 8px;
+  font-size: 10pt;
+}
+.gruvbox-gray-xterm .color-label {
+  position: absolute;
+  bottom: 5px;
+  left: 8px;
+  font-size: 14pt;
+}
 
 .gruvbox-gray-xterm-after {
   height: 8px;
   width: 128px;
-  background-color: #6b6b6b; }
+  background-color: #6b6b6b;
+}
 
 .gruvbox-light0_hard {
   position: relative;
   color: #000000;
   background-color: #ffffc8;
-  height: 120px; }
-  .gruvbox-light0_hard .xterm {
-    position: absolute;
-    width: 112px;
-    top: -16px;
-    right: 0px;
-    padding: 3px;
-    transform-origin: right bottom;
-    transform: rotate(270deg);
-    text-alignment: right;
-    font-size: 7pt; }
-  .gruvbox-light0_hard .content {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-    font-size: 10pt; }
-  .gruvbox-light0_hard .color-label {
-    position: absolute;
-    bottom: 5px;
-    left: 8px;
-    font-size: 14pt; }
+  height: 120px;
+}
+.gruvbox-light0_hard .xterm {
+  position: absolute;
+  width: 112px;
+  top: -16px;
+  right: 0;
+  padding: 3px;
+  transform-origin: right bottom;
+  transform: rotate(270deg);
+  text-align: right;
+  font-size: 7pt;
+}
+.gruvbox-light0_hard .content {
+  position: absolute;
+  top: 5px;
+  left: 8px;
+  font-size: 10pt;
+}
+.gruvbox-light0_hard .color-label {
+  position: absolute;
+  bottom: 5px;
+  left: 8px;
+  font-size: 14pt;
+}
 
 .gruvbox-light0_hard-after {
   height: 8px;
   width: 128px;
-  background-color: #ffff8b; }
+  background-color: #ffff8b;
+}
 
 .gruvbox-light0_hard-xterm {
   position: relative;
   color: #000000;
   background-color: #ffffd7;
-  height: 120px; }
-  .gruvbox-light0_hard-xterm .xterm {
-    position: absolute;
-    width: 112px;
-    top: -16px;
-    right: 0px;
-    padding: 3px;
-    transform-origin: right bottom;
-    transform: rotate(270deg);
-    text-alignment: right;
-    font-size: 7pt; }
-  .gruvbox-light0_hard-xterm .content {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-    font-size: 10pt; }
-  .gruvbox-light0_hard-xterm .color-label {
-    position: absolute;
-    bottom: 5px;
-    left: 8px;
-    font-size: 14pt; }
+  height: 120px;
+}
+.gruvbox-light0_hard-xterm .xterm {
+  position: absolute;
+  width: 112px;
+  top: -16px;
+  right: 0;
+  padding: 3px;
+  transform-origin: right bottom;
+  transform: rotate(270deg);
+  text-align: right;
+  font-size: 7pt;
+}
+.gruvbox-light0_hard-xterm .content {
+  position: absolute;
+  top: 5px;
+  left: 8px;
+  font-size: 10pt;
+}
+.gruvbox-light0_hard-xterm .color-label {
+  position: absolute;
+  bottom: 5px;
+  left: 8px;
+  font-size: 14pt;
+}
 
 .gruvbox-light0_hard-xterm-after {
   height: 8px;
   width: 128px;
-  background-color: #ffff9a; }
+  background-color: #ffff9a;
+}
 
 .gruvbox-light0 {
   position: relative;
   color: #000000;
   background-color: #fdf4c1;
-  height: 120px; }
-  .gruvbox-light0 .xterm {
-    position: absolute;
-    width: 112px;
-    top: -16px;
-    right: 0px;
-    padding: 3px;
-    transform-origin: right bottom;
-    transform: rotate(270deg);
-    text-alignment: right;
-    font-size: 7pt; }
-  .gruvbox-light0 .content {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-    font-size: 10pt; }
-  .gruvbox-light0 .color-label {
-    position: absolute;
-    bottom: 5px;
-    left: 8px;
-    font-size: 14pt; }
+  height: 120px;
+}
+.gruvbox-light0 .xterm {
+  position: absolute;
+  width: 112px;
+  top: -16px;
+  right: 0;
+  padding: 3px;
+  transform-origin: right bottom;
+  transform: rotate(270deg);
+  text-align: right;
+  font-size: 7pt;
+}
+.gruvbox-light0 .content {
+  position: absolute;
+  top: 5px;
+  left: 8px;
+  font-size: 10pt;
+}
+.gruvbox-light0 .color-label {
+  position: absolute;
+  bottom: 5px;
+  left: 8px;
+  font-size: 14pt;
+}
 
 .gruvbox-light0-after {
   height: 8px;
   width: 128px;
-  background-color: #fbe986; }
+  background-color: #fbe986;
+}
 
 .gruvbox-light0-xterm {
   position: relative;
   color: #000000;
   background-color: #ffffaf;
-  height: 120px; }
-  .gruvbox-light0-xterm .xterm {
-    position: absolute;
-    width: 112px;
-    top: -16px;
-    right: 0px;
-    padding: 3px;
-    transform-origin: right bottom;
-    transform: rotate(270deg);
-    text-alignment: right;
-    font-size: 7pt; }
-  .gruvbox-light0-xterm .content {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-    font-size: 10pt; }
-  .gruvbox-light0-xterm .color-label {
-    position: absolute;
-    bottom: 5px;
-    left: 8px;
-    font-size: 14pt; }
+  height: 120px;
+}
+.gruvbox-light0-xterm .xterm {
+  position: absolute;
+  width: 112px;
+  top: -16px;
+  right: 0;
+  padding: 3px;
+  transform-origin: right bottom;
+  transform: rotate(270deg);
+  text-align: right;
+  font-size: 7pt;
+}
+.gruvbox-light0-xterm .content {
+  position: absolute;
+  top: 5px;
+  left: 8px;
+  font-size: 10pt;
+}
+.gruvbox-light0-xterm .color-label {
+  position: absolute;
+  bottom: 5px;
+  left: 8px;
+  font-size: 14pt;
+}
 
 .gruvbox-light0-xterm-after {
   height: 8px;
   width: 128px;
-  background-color: #ffff72; }
+  background-color: #ffff72;
+}
 
 .gruvbox-light0_soft {
   position: relative;
   color: #000000;
   background-color: #f4e8ba;
-  height: 120px; }
-  .gruvbox-light0_soft .xterm {
-    position: absolute;
-    width: 112px;
-    top: -16px;
-    right: 0px;
-    padding: 3px;
-    transform-origin: right bottom;
-    transform: rotate(270deg);
-    text-alignment: right;
-    font-size: 7pt; }
-  .gruvbox-light0_soft .content {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-    font-size: 10pt; }
-  .gruvbox-light0_soft .color-label {
-    position: absolute;
-    bottom: 5px;
-    left: 8px;
-    font-size: 14pt; }
+  height: 120px;
+}
+.gruvbox-light0_soft .xterm {
+  position: absolute;
+  width: 112px;
+  top: -16px;
+  right: 0;
+  padding: 3px;
+  transform-origin: right bottom;
+  transform: rotate(270deg);
+  text-align: right;
+  font-size: 7pt;
+}
+.gruvbox-light0_soft .content {
+  position: absolute;
+  top: 5px;
+  left: 8px;
+  font-size: 10pt;
+}
+.gruvbox-light0_soft .color-label {
+  position: absolute;
+  bottom: 5px;
+  left: 8px;
+  font-size: 14pt;
+}
 
 .gruvbox-light0_soft-after {
   height: 8px;
   width: 128px;
-  background-color: #ecd685; }
+  background-color: #ecd685;
+}
 
 .gruvbox-light0_soft-xterm {
   position: relative;
   color: #000000;
   background-color: #ffdfaf;
-  height: 120px; }
-  .gruvbox-light0_soft-xterm .xterm {
-    position: absolute;
-    width: 112px;
-    top: -16px;
-    right: 0px;
-    padding: 3px;
-    transform-origin: right bottom;
-    transform: rotate(270deg);
-    text-alignment: right;
-    font-size: 7pt; }
-  .gruvbox-light0_soft-xterm .content {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-    font-size: 10pt; }
-  .gruvbox-light0_soft-xterm .color-label {
-    position: absolute;
-    bottom: 5px;
-    left: 8px;
-    font-size: 14pt; }
+  height: 120px;
+}
+.gruvbox-light0_soft-xterm .xterm {
+  position: absolute;
+  width: 112px;
+  top: -16px;
+  right: 0;
+  padding: 3px;
+  transform-origin: right bottom;
+  transform: rotate(270deg);
+  text-align: right;
+  font-size: 7pt;
+}
+.gruvbox-light0_soft-xterm .content {
+  position: absolute;
+  top: 5px;
+  left: 8px;
+  font-size: 10pt;
+}
+.gruvbox-light0_soft-xterm .color-label {
+  position: absolute;
+  bottom: 5px;
+  left: 8px;
+  font-size: 14pt;
+}
 
 .gruvbox-light0_soft-xterm-after {
   height: 8px;
   width: 128px;
-  background-color: #ffc772; }
+  background-color: #ffc772;
+}
 
 .gruvbox-light1 {
   position: relative;
   color: #000000;
   background-color: #ebdbb2;
-  height: 120px; }
-  .gruvbox-light1 .xterm {
-    position: absolute;
-    width: 112px;
-    top: -16px;
-    right: 0px;
-    padding: 3px;
-    transform-origin: right bottom;
-    transform: rotate(270deg);
-    text-alignment: right;
-    font-size: 7pt; }
-  .gruvbox-light1 .content {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-    font-size: 10pt; }
-  .gruvbox-light1 .color-label {
-    position: absolute;
-    bottom: 5px;
-    left: 8px;
-    font-size: 14pt; }
+  height: 120px;
+}
+.gruvbox-light1 .xterm {
+  position: absolute;
+  width: 112px;
+  top: -16px;
+  right: 0;
+  padding: 3px;
+  transform-origin: right bottom;
+  transform: rotate(270deg);
+  text-align: right;
+  font-size: 7pt;
+}
+.gruvbox-light1 .content {
+  position: absolute;
+  top: 5px;
+  left: 8px;
+  font-size: 10pt;
+}
+.gruvbox-light1 .color-label {
+  position: absolute;
+  bottom: 5px;
+  left: 8px;
+  font-size: 14pt;
+}
 
 .gruvbox-light1-after {
   height: 8px;
   width: 128px;
-  background-color: #dec481; }
+  background-color: #dec481;
+}
 
 .gruvbox-light1-xterm {
   position: relative;
   color: #000000;
   background-color: #ffdfaf;
-  height: 120px; }
-  .gruvbox-light1-xterm .xterm {
-    position: absolute;
-    width: 112px;
-    top: -16px;
-    right: 0px;
-    padding: 3px;
-    transform-origin: right bottom;
-    transform: rotate(270deg);
-    text-alignment: right;
-    font-size: 7pt; }
-  .gruvbox-light1-xterm .content {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-    font-size: 10pt; }
-  .gruvbox-light1-xterm .color-label {
-    position: absolute;
-    bottom: 5px;
-    left: 8px;
-    font-size: 14pt; }
+  height: 120px;
+}
+.gruvbox-light1-xterm .xterm {
+  position: absolute;
+  width: 112px;
+  top: -16px;
+  right: 0;
+  padding: 3px;
+  transform-origin: right bottom;
+  transform: rotate(270deg);
+  text-align: right;
+  font-size: 7pt;
+}
+.gruvbox-light1-xterm .content {
+  position: absolute;
+  top: 5px;
+  left: 8px;
+  font-size: 10pt;
+}
+.gruvbox-light1-xterm .color-label {
+  position: absolute;
+  bottom: 5px;
+  left: 8px;
+  font-size: 14pt;
+}
 
 .gruvbox-light1-xterm-after {
   height: 8px;
   width: 128px;
-  background-color: #ffc772; }
+  background-color: #ffc772;
+}
 
 .gruvbox-light2 {
   position: relative;
   color: #000000;
   background-color: #d5c4a1;
-  height: 120px; }
-  .gruvbox-light2 .xterm {
-    position: absolute;
-    width: 112px;
-    top: -16px;
-    right: 0px;
-    padding: 3px;
-    transform-origin: right bottom;
-    transform: rotate(270deg);
-    text-alignment: right;
-    font-size: 7pt; }
-  .gruvbox-light2 .content {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-    font-size: 10pt; }
-  .gruvbox-light2 .color-label {
-    position: absolute;
-    bottom: 5px;
-    left: 8px;
-    font-size: 14pt; }
+  height: 120px;
+}
+.gruvbox-light2 .xterm {
+  position: absolute;
+  width: 112px;
+  top: -16px;
+  right: 0;
+  padding: 3px;
+  transform-origin: right bottom;
+  transform: rotate(270deg);
+  text-align: right;
+  font-size: 7pt;
+}
+.gruvbox-light2 .content {
+  position: absolute;
+  top: 5px;
+  left: 8px;
+  font-size: 10pt;
+}
+.gruvbox-light2 .color-label {
+  position: absolute;
+  bottom: 5px;
+  left: 8px;
+  font-size: 14pt;
+}
 
 .gruvbox-light2-after {
   height: 8px;
   width: 128px;
-  background-color: #c2a977; }
+  background-color: #c2a977;
+}
 
 .gruvbox-light2-xterm {
   position: relative;
   color: #000000;
   background-color: #bcbcbc;
-  height: 120px; }
-  .gruvbox-light2-xterm .xterm {
-    position: absolute;
-    width: 112px;
-    top: -16px;
-    right: 0px;
-    padding: 3px;
-    transform-origin: right bottom;
-    transform: rotate(270deg);
-    text-alignment: right;
-    font-size: 7pt; }
-  .gruvbox-light2-xterm .content {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-    font-size: 10pt; }
-  .gruvbox-light2-xterm .color-label {
-    position: absolute;
-    bottom: 5px;
-    left: 8px;
-    font-size: 14pt; }
+  height: 120px;
+}
+.gruvbox-light2-xterm .xterm {
+  position: absolute;
+  width: 112px;
+  top: -16px;
+  right: 0;
+  padding: 3px;
+  transform-origin: right bottom;
+  transform: rotate(270deg);
+  text-align: right;
+  font-size: 7pt;
+}
+.gruvbox-light2-xterm .content {
+  position: absolute;
+  top: 5px;
+  left: 8px;
+  font-size: 10pt;
+}
+.gruvbox-light2-xterm .color-label {
+  position: absolute;
+  bottom: 5px;
+  left: 8px;
+  font-size: 14pt;
+}
 
 .gruvbox-light2-xterm-after {
   height: 8px;
   width: 128px;
-  background-color: #9d9d9d; }
+  background-color: #9d9d9d;
+}
 
 .gruvbox-light3 {
   position: relative;
   color: #000000;
   background-color: #bdae93;
-  height: 120px; }
-  .gruvbox-light3 .xterm {
-    position: absolute;
-    width: 112px;
-    top: -16px;
-    right: 0px;
-    padding: 3px;
-    transform-origin: right bottom;
-    transform: rotate(270deg);
-    text-alignment: right;
-    font-size: 7pt; }
-  .gruvbox-light3 .content {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-    font-size: 10pt; }
-  .gruvbox-light3 .color-label {
-    position: absolute;
-    bottom: 5px;
-    left: 8px;
-    font-size: 14pt; }
+  height: 120px;
+}
+.gruvbox-light3 .xterm {
+  position: absolute;
+  width: 112px;
+  top: -16px;
+  right: 0;
+  padding: 3px;
+  transform-origin: right bottom;
+  transform: rotate(270deg);
+  text-align: right;
+  font-size: 7pt;
+}
+.gruvbox-light3 .content {
+  position: absolute;
+  top: 5px;
+  left: 8px;
+  font-size: 10pt;
+}
+.gruvbox-light3 .color-label {
+  position: absolute;
+  bottom: 5px;
+  left: 8px;
+  font-size: 14pt;
+}
 
 .gruvbox-light3-after {
   height: 8px;
   width: 128px;
-  background-color: #a6926d; }
+  background-color: #a6926d;
+}
 
 .gruvbox-light3-xterm {
   position: relative;
   color: #000000;
   background-color: #a8a8a8;
-  height: 120px; }
-  .gruvbox-light3-xterm .xterm {
-    position: absolute;
-    width: 112px;
-    top: -16px;
-    right: 0px;
-    padding: 3px;
-    transform-origin: right bottom;
-    transform: rotate(270deg);
-    text-alignment: right;
-    font-size: 7pt; }
-  .gruvbox-light3-xterm .content {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-    font-size: 10pt; }
-  .gruvbox-light3-xterm .color-label {
-    position: absolute;
-    bottom: 5px;
-    left: 8px;
-    font-size: 14pt; }
+  height: 120px;
+}
+.gruvbox-light3-xterm .xterm {
+  position: absolute;
+  width: 112px;
+  top: -16px;
+  right: 0;
+  padding: 3px;
+  transform-origin: right bottom;
+  transform: rotate(270deg);
+  text-align: right;
+  font-size: 7pt;
+}
+.gruvbox-light3-xterm .content {
+  position: absolute;
+  top: 5px;
+  left: 8px;
+  font-size: 10pt;
+}
+.gruvbox-light3-xterm .color-label {
+  position: absolute;
+  bottom: 5px;
+  left: 8px;
+  font-size: 14pt;
+}
 
 .gruvbox-light3-xterm-after {
   height: 8px;
   width: 128px;
-  background-color: #898989; }
+  background-color: #898989;
+}
 
 .gruvbox-light4 {
   position: relative;
   color: #000000;
   background-color: #a89984;
-  height: 120px; }
-  .gruvbox-light4 .xterm {
-    position: absolute;
-    width: 112px;
-    top: -16px;
-    right: 0px;
-    padding: 3px;
-    transform-origin: right bottom;
-    transform: rotate(270deg);
-    text-alignment: right;
-    font-size: 7pt; }
-  .gruvbox-light4 .content {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-    font-size: 10pt; }
-  .gruvbox-light4 .color-label {
-    position: absolute;
-    bottom: 5px;
-    left: 8px;
-    font-size: 14pt; }
+  height: 120px;
+}
+.gruvbox-light4 .xterm {
+  position: absolute;
+  width: 112px;
+  top: -16px;
+  right: 0;
+  padding: 3px;
+  transform-origin: right bottom;
+  transform: rotate(270deg);
+  text-align: right;
+  font-size: 7pt;
+}
+.gruvbox-light4 .content {
+  position: absolute;
+  top: 5px;
+  left: 8px;
+  font-size: 10pt;
+}
+.gruvbox-light4 .color-label {
+  position: absolute;
+  bottom: 5px;
+  left: 8px;
+  font-size: 14pt;
+}
 
 .gruvbox-light4-after {
   height: 8px;
   width: 128px;
-  background-color: #8c7b63; }
+  background-color: #8c7b63;
+}
 
 .gruvbox-light4-xterm {
   position: relative;
   color: #000000;
   background-color: #949494;
-  height: 120px; }
-  .gruvbox-light4-xterm .xterm {
-    position: absolute;
-    width: 112px;
-    top: -16px;
-    right: 0px;
-    padding: 3px;
-    transform-origin: right bottom;
-    transform: rotate(270deg);
-    text-alignment: right;
-    font-size: 7pt; }
-  .gruvbox-light4-xterm .content {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-    font-size: 10pt; }
-  .gruvbox-light4-xterm .color-label {
-    position: absolute;
-    bottom: 5px;
-    left: 8px;
-    font-size: 14pt; }
+  height: 120px;
+}
+.gruvbox-light4-xterm .xterm {
+  position: absolute;
+  width: 112px;
+  top: -16px;
+  right: 0;
+  padding: 3px;
+  transform-origin: right bottom;
+  transform: rotate(270deg);
+  text-align: right;
+  font-size: 7pt;
+}
+.gruvbox-light4-xterm .content {
+  position: absolute;
+  top: 5px;
+  left: 8px;
+  font-size: 10pt;
+}
+.gruvbox-light4-xterm .color-label {
+  position: absolute;
+  bottom: 5px;
+  left: 8px;
+  font-size: 14pt;
+}
 
 .gruvbox-light4-xterm-after {
   height: 8px;
   width: 128px;
-  background-color: #757575; }
+  background-color: #757575;
+}
 
 .gruvbox-bright_red {
   position: relative;
   color: #000000;
   background-color: #fb4933;
-  height: 120px; }
-  .gruvbox-bright_red .xterm {
-    position: absolute;
-    width: 112px;
-    top: -16px;
-    right: 0px;
-    padding: 3px;
-    transform-origin: right bottom;
-    transform: rotate(270deg);
-    text-alignment: right;
-    font-size: 7pt; }
-  .gruvbox-bright_red .content {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-    font-size: 10pt; }
-  .gruvbox-bright_red .color-label {
-    position: absolute;
-    bottom: 5px;
-    left: 8px;
-    font-size: 14pt; }
+  height: 120px;
+}
+.gruvbox-bright_red .xterm {
+  position: absolute;
+  width: 112px;
+  top: -16px;
+  right: 0;
+  padding: 3px;
+  transform-origin: right bottom;
+  transform: rotate(270deg);
+  text-align: right;
+  font-size: 7pt;
+}
+.gruvbox-bright_red .content {
+  position: absolute;
+  top: 5px;
+  left: 8px;
+  font-size: 10pt;
+}
+.gruvbox-bright_red .color-label {
+  position: absolute;
+  bottom: 5px;
+  left: 8px;
+  font-size: 14pt;
+}
 
 .gruvbox-bright_red-after {
   height: 8px;
   width: 128px;
-  background-color: #ec1e05; }
+  background-color: #ec1e05;
+}
 
 .gruvbox-bright_red-xterm {
   position: relative;
   color: #000000;
   background-color: #d75f5f;
-  height: 120px; }
-  .gruvbox-bright_red-xterm .xterm {
-    position: absolute;
-    width: 112px;
-    top: -16px;
-    right: 0px;
-    padding: 3px;
-    transform-origin: right bottom;
-    transform: rotate(270deg);
-    text-alignment: right;
-    font-size: 7pt; }
-  .gruvbox-bright_red-xterm .content {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-    font-size: 10pt; }
-  .gruvbox-bright_red-xterm .color-label {
-    position: absolute;
-    bottom: 5px;
-    left: 8px;
-    font-size: 14pt; }
+  height: 120px;
+}
+.gruvbox-bright_red-xterm .xterm {
+  position: absolute;
+  width: 112px;
+  top: -16px;
+  right: 0;
+  padding: 3px;
+  transform-origin: right bottom;
+  transform: rotate(270deg);
+  text-align: right;
+  font-size: 7pt;
+}
+.gruvbox-bright_red-xterm .content {
+  position: absolute;
+  top: 5px;
+  left: 8px;
+  font-size: 10pt;
+}
+.gruvbox-bright_red-xterm .color-label {
+  position: absolute;
+  bottom: 5px;
+  left: 8px;
+  font-size: 14pt;
+}
 
 .gruvbox-bright_red-xterm-after {
   height: 8px;
   width: 128px;
-  background-color: #c73232; }
+  background-color: #c73232;
+}
 
 .gruvbox-bright_green {
   position: relative;
-  color: #FFFFFF;
+  color: #ffffff;
   background-color: #b8bb26;
-  height: 120px; }
-  .gruvbox-bright_green .xterm {
-    position: absolute;
-    width: 112px;
-    top: -16px;
-    right: 0px;
-    padding: 3px;
-    transform-origin: right bottom;
-    transform: rotate(270deg);
-    text-alignment: right;
-    font-size: 7pt; }
-  .gruvbox-bright_green .content {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-    font-size: 10pt; }
-  .gruvbox-bright_green .color-label {
-    position: absolute;
-    bottom: 5px;
-    left: 8px;
-    font-size: 14pt; }
+  height: 120px;
+}
+.gruvbox-bright_green .xterm {
+  position: absolute;
+  width: 112px;
+  top: -16px;
+  right: 0;
+  padding: 3px;
+  transform-origin: right bottom;
+  transform: rotate(270deg);
+  text-align: right;
+  font-size: 7pt;
+}
+.gruvbox-bright_green .content {
+  position: absolute;
+  top: 5px;
+  left: 8px;
+  font-size: 10pt;
+}
+.gruvbox-bright_green .color-label {
+  position: absolute;
+  bottom: 5px;
+  left: 8px;
+  font-size: 14pt;
+}
 
 .gruvbox-bright_green-after {
   height: 8px;
   width: 128px;
-  background-color: #86881c; }
+  background-color: #86881c;
+}
 
 .gruvbox-bright_green-xterm {
   position: relative;
-  color: #FFFFFF;
+  color: #ffffff;
   background-color: #afaf00;
-  height: 120px; }
-  .gruvbox-bright_green-xterm .xterm {
-    position: absolute;
-    width: 112px;
-    top: -16px;
-    right: 0px;
-    padding: 3px;
-    transform-origin: right bottom;
-    transform: rotate(270deg);
-    text-alignment: right;
-    font-size: 7pt; }
-  .gruvbox-bright_green-xterm .content {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-    font-size: 10pt; }
-  .gruvbox-bright_green-xterm .color-label {
-    position: absolute;
-    bottom: 5px;
-    left: 8px;
-    font-size: 14pt; }
+  height: 120px;
+}
+.gruvbox-bright_green-xterm .xterm {
+  position: absolute;
+  width: 112px;
+  top: -16px;
+  right: 0;
+  padding: 3px;
+  transform-origin: right bottom;
+  transform: rotate(270deg);
+  text-align: right;
+  font-size: 7pt;
+}
+.gruvbox-bright_green-xterm .content {
+  position: absolute;
+  top: 5px;
+  left: 8px;
+  font-size: 10pt;
+}
+.gruvbox-bright_green-xterm .color-label {
+  position: absolute;
+  bottom: 5px;
+  left: 8px;
+  font-size: 14pt;
+}
 
 .gruvbox-bright_green-xterm-after {
   height: 8px;
   width: 128px;
-  background-color: #727200; }
+  background-color: #727200;
+}
 
 .gruvbox-bright_yellow {
   position: relative;
   color: #000000;
   background-color: #fabd2f;
-  height: 120px; }
-  .gruvbox-bright_yellow .xterm {
-    position: absolute;
-    width: 112px;
-    top: -16px;
-    right: 0px;
-    padding: 3px;
-    transform-origin: right bottom;
-    transform: rotate(270deg);
-    text-alignment: right;
-    font-size: 7pt; }
-  .gruvbox-bright_yellow .content {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-    font-size: 10pt; }
-  .gruvbox-bright_yellow .color-label {
-    position: absolute;
-    bottom: 5px;
-    left: 8px;
-    font-size: 14pt; }
+  height: 120px;
+}
+.gruvbox-bright_yellow .xterm {
+  position: absolute;
+  width: 112px;
+  top: -16px;
+  right: 0;
+  padding: 3px;
+  transform-origin: right bottom;
+  transform: rotate(270deg);
+  text-align: right;
+  font-size: 7pt;
+}
+.gruvbox-bright_yellow .content {
+  position: absolute;
+  top: 5px;
+  left: 8px;
+  font-size: 10pt;
+}
+.gruvbox-bright_yellow .color-label {
+  position: absolute;
+  bottom: 5px;
+  left: 8px;
+  font-size: 14pt;
+}
 
 .gruvbox-bright_yellow-after {
   height: 8px;
   width: 128px;
-  background-color: #e6a306; }
+  background-color: #e6a306;
+}
 
 .gruvbox-bright_yellow-xterm {
   position: relative;
   color: #000000;
   background-color: #ffaf00;
-  height: 120px; }
-  .gruvbox-bright_yellow-xterm .xterm {
-    position: absolute;
-    width: 112px;
-    top: -16px;
-    right: 0px;
-    padding: 3px;
-    transform-origin: right bottom;
-    transform: rotate(270deg);
-    text-alignment: right;
-    font-size: 7pt; }
-  .gruvbox-bright_yellow-xterm .content {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-    font-size: 10pt; }
-  .gruvbox-bright_yellow-xterm .color-label {
-    position: absolute;
-    bottom: 5px;
-    left: 8px;
-    font-size: 14pt; }
+  height: 120px;
+}
+.gruvbox-bright_yellow-xterm .xterm {
+  position: absolute;
+  width: 112px;
+  top: -16px;
+  right: 0;
+  padding: 3px;
+  transform-origin: right bottom;
+  transform: rotate(270deg);
+  text-align: right;
+  font-size: 7pt;
+}
+.gruvbox-bright_yellow-xterm .content {
+  position: absolute;
+  top: 5px;
+  left: 8px;
+  font-size: 10pt;
+}
+.gruvbox-bright_yellow-xterm .color-label {
+  position: absolute;
+  bottom: 5px;
+  left: 8px;
+  font-size: 14pt;
+}
 
 .gruvbox-bright_yellow-xterm-after {
   height: 8px;
   width: 128px;
-  background-color: #c28500; }
+  background-color: #c28500;
+}
 
 .gruvbox-bright_blue {
   position: relative;
   color: #000000;
   background-color: #83a598;
-  height: 120px; }
-  .gruvbox-bright_blue .xterm {
-    position: absolute;
-    width: 112px;
-    top: -16px;
-    right: 0px;
-    padding: 3px;
-    transform-origin: right bottom;
-    transform: rotate(270deg);
-    text-alignment: right;
-    font-size: 7pt; }
-  .gruvbox-bright_blue .content {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-    font-size: 10pt; }
-  .gruvbox-bright_blue .color-label {
-    position: absolute;
-    bottom: 5px;
-    left: 8px;
-    font-size: 14pt; }
+  height: 120px;
+}
+.gruvbox-bright_blue .xterm {
+  position: absolute;
+  width: 112px;
+  top: -16px;
+  right: 0;
+  padding: 3px;
+  transform-origin: right bottom;
+  transform: rotate(270deg);
+  text-align: right;
+  font-size: 7pt;
+}
+.gruvbox-bright_blue .content {
+  position: absolute;
+  top: 5px;
+  left: 8px;
+  font-size: 10pt;
+}
+.gruvbox-bright_blue .color-label {
+  position: absolute;
+  bottom: 5px;
+  left: 8px;
+  font-size: 14pt;
+}
 
 .gruvbox-bright_blue-after {
   height: 8px;
   width: 128px;
-  background-color: #63887a; }
+  background-color: #63887a;
+}
 
 .gruvbox-bright_blue-xterm {
   position: relative;
   color: #000000;
   background-color: #87afaf;
-  height: 120px; }
-  .gruvbox-bright_blue-xterm .xterm {
-    position: absolute;
-    width: 112px;
-    top: -16px;
-    right: 0px;
-    padding: 3px;
-    transform-origin: right bottom;
-    transform: rotate(270deg);
-    text-alignment: right;
-    font-size: 7pt; }
-  .gruvbox-bright_blue-xterm .content {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-    font-size: 10pt; }
-  .gruvbox-bright_blue-xterm .color-label {
-    position: absolute;
-    bottom: 5px;
-    left: 8px;
-    font-size: 14pt; }
+  height: 120px;
+}
+.gruvbox-bright_blue-xterm .xterm {
+  position: absolute;
+  width: 112px;
+  top: -16px;
+  right: 0;
+  padding: 3px;
+  transform-origin: right bottom;
+  transform: rotate(270deg);
+  text-align: right;
+  font-size: 7pt;
+}
+.gruvbox-bright_blue-xterm .content {
+  position: absolute;
+  top: 5px;
+  left: 8px;
+  font-size: 10pt;
+}
+.gruvbox-bright_blue-xterm .color-label {
+  position: absolute;
+  bottom: 5px;
+  left: 8px;
+  font-size: 14pt;
+}
 
 .gruvbox-bright_blue-xterm-after {
   height: 8px;
   width: 128px;
-  background-color: #649595; }
+  background-color: #649595;
+}
 
 .gruvbox-bright_purple {
   position: relative;
   color: #000000;
   background-color: #d3869b;
-  height: 120px; }
-  .gruvbox-bright_purple .xterm {
-    position: absolute;
-    width: 112px;
-    top: -16px;
-    right: 0px;
-    padding: 3px;
-    transform-origin: right bottom;
-    transform: rotate(270deg);
-    text-alignment: right;
-    font-size: 7pt; }
-  .gruvbox-bright_purple .content {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-    font-size: 10pt; }
-  .gruvbox-bright_purple .color-label {
-    position: absolute;
-    bottom: 5px;
-    left: 8px;
-    font-size: 14pt; }
+  height: 120px;
+}
+.gruvbox-bright_purple .xterm {
+  position: absolute;
+  width: 112px;
+  top: -16px;
+  right: 0;
+  padding: 3px;
+  transform-origin: right bottom;
+  transform: rotate(270deg);
+  text-align: right;
+  font-size: 7pt;
+}
+.gruvbox-bright_purple .content {
+  position: absolute;
+  top: 5px;
+  left: 8px;
+  font-size: 10pt;
+}
+.gruvbox-bright_purple .color-label {
+  position: absolute;
+  bottom: 5px;
+  left: 8px;
+  font-size: 14pt;
+}
 
 .gruvbox-bright_purple-after {
   height: 8px;
   width: 128px;
-  background-color: #c35976; }
+  background-color: #c35976;
+}
 
 .gruvbox-bright_purple-xterm {
   position: relative;
   color: #000000;
   background-color: #d787af;
-  height: 120px; }
-  .gruvbox-bright_purple-xterm .xterm {
-    position: absolute;
-    width: 112px;
-    top: -16px;
-    right: 0px;
-    padding: 3px;
-    transform-origin: right bottom;
-    transform: rotate(270deg);
-    text-alignment: right;
-    font-size: 7pt; }
-  .gruvbox-bright_purple-xterm .content {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-    font-size: 10pt; }
-  .gruvbox-bright_purple-xterm .color-label {
-    position: absolute;
-    bottom: 5px;
-    left: 8px;
-    font-size: 14pt; }
+  height: 120px;
+}
+.gruvbox-bright_purple-xterm .xterm {
+  position: absolute;
+  width: 112px;
+  top: -16px;
+  right: 0;
+  padding: 3px;
+  transform-origin: right bottom;
+  transform: rotate(270deg);
+  text-align: right;
+  font-size: 7pt;
+}
+.gruvbox-bright_purple-xterm .content {
+  position: absolute;
+  top: 5px;
+  left: 8px;
+  font-size: 10pt;
+}
+.gruvbox-bright_purple-xterm .color-label {
+  position: absolute;
+  bottom: 5px;
+  left: 8px;
+  font-size: 14pt;
+}
 
 .gruvbox-bright_purple-xterm-after {
   height: 8px;
   width: 128px;
-  background-color: #c85990; }
+  background-color: #c85990;
+}
 
 .gruvbox-bright_aqua {
   position: relative;
   color: #000000;
   background-color: #8ec07c;
-  height: 120px; }
-  .gruvbox-bright_aqua .xterm {
-    position: absolute;
-    width: 112px;
-    top: -16px;
-    right: 0px;
-    padding: 3px;
-    transform-origin: right bottom;
-    transform: rotate(270deg);
-    text-alignment: right;
-    font-size: 7pt; }
-  .gruvbox-bright_aqua .content {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-    font-size: 10pt; }
-  .gruvbox-bright_aqua .color-label {
-    position: absolute;
-    bottom: 5px;
-    left: 8px;
-    font-size: 14pt; }
+  height: 120px;
+}
+.gruvbox-bright_aqua .xterm {
+  position: absolute;
+  width: 112px;
+  top: -16px;
+  right: 0;
+  padding: 3px;
+  transform-origin: right bottom;
+  transform: rotate(270deg);
+  text-align: right;
+  font-size: 7pt;
+}
+.gruvbox-bright_aqua .content {
+  position: absolute;
+  top: 5px;
+  left: 8px;
+  font-size: 10pt;
+}
+.gruvbox-bright_aqua .color-label {
+  position: absolute;
+  bottom: 5px;
+  left: 8px;
+  font-size: 14pt;
+}
 
 .gruvbox-bright_aqua-after {
   height: 8px;
   width: 128px;
-  background-color: #6aac53; }
+  background-color: #6aac53;
+}
 
 .gruvbox-bright_aqua-xterm {
   position: relative;
   color: #000000;
   background-color: #87af87;
-  height: 120px; }
-  .gruvbox-bright_aqua-xterm .xterm {
-    position: absolute;
-    width: 112px;
-    top: -16px;
-    right: 0px;
-    padding: 3px;
-    transform-origin: right bottom;
-    transform: rotate(270deg);
-    text-alignment: right;
-    font-size: 7pt; }
-  .gruvbox-bright_aqua-xterm .content {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-    font-size: 10pt; }
-  .gruvbox-bright_aqua-xterm .color-label {
-    position: absolute;
-    bottom: 5px;
-    left: 8px;
-    font-size: 14pt; }
+  height: 120px;
+}
+.gruvbox-bright_aqua-xterm .xterm {
+  position: absolute;
+  width: 112px;
+  top: -16px;
+  right: 0;
+  padding: 3px;
+  transform-origin: right bottom;
+  transform: rotate(270deg);
+  text-align: right;
+  font-size: 7pt;
+}
+.gruvbox-bright_aqua-xterm .content {
+  position: absolute;
+  top: 5px;
+  left: 8px;
+  font-size: 10pt;
+}
+.gruvbox-bright_aqua-xterm .color-label {
+  position: absolute;
+  bottom: 5px;
+  left: 8px;
+  font-size: 14pt;
+}
 
 .gruvbox-bright_aqua-xterm-after {
   height: 8px;
   width: 128px;
-  background-color: #649564; }
+  background-color: #649564;
+}
 
 .gruvbox-bright_orange {
   position: relative;
   color: #000000;
   background-color: #fe8019;
-  height: 120px; }
-  .gruvbox-bright_orange .xterm {
-    position: absolute;
-    width: 112px;
-    top: -16px;
-    right: 0px;
-    padding: 3px;
-    transform-origin: right bottom;
-    transform: rotate(270deg);
-    text-alignment: right;
-    font-size: 7pt; }
-  .gruvbox-bright_orange .content {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-    font-size: 10pt; }
-  .gruvbox-bright_orange .color-label {
-    position: absolute;
-    bottom: 5px;
-    left: 8px;
-    font-size: 14pt; }
+  height: 120px;
+}
+.gruvbox-bright_orange .xterm {
+  position: absolute;
+  width: 112px;
+  top: -16px;
+  right: 0;
+  padding: 3px;
+  transform-origin: right bottom;
+  transform: rotate(270deg);
+  text-align: right;
+  font-size: 7pt;
+}
+.gruvbox-bright_orange .content {
+  position: absolute;
+  top: 5px;
+  left: 8px;
+  font-size: 10pt;
+}
+.gruvbox-bright_orange .color-label {
+  position: absolute;
+  bottom: 5px;
+  left: 8px;
+  font-size: 14pt;
+}
 
 .gruvbox-bright_orange-after {
   height: 8px;
   width: 128px;
-  background-color: #d96201; }
+  background-color: #d96201;
+}
 
 .gruvbox-bright_orange-xterm {
   position: relative;
   color: #000000;
   background-color: #ff8700;
-  height: 120px; }
-  .gruvbox-bright_orange-xterm .xterm {
-    position: absolute;
-    width: 112px;
-    top: -16px;
-    right: 0px;
-    padding: 3px;
-    transform-origin: right bottom;
-    transform: rotate(270deg);
-    text-alignment: right;
-    font-size: 7pt; }
-  .gruvbox-bright_orange-xterm .content {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-    font-size: 10pt; }
-  .gruvbox-bright_orange-xterm .color-label {
-    position: absolute;
-    bottom: 5px;
-    left: 8px;
-    font-size: 14pt; }
+  height: 120px;
+}
+.gruvbox-bright_orange-xterm .xterm {
+  position: absolute;
+  width: 112px;
+  top: -16px;
+  right: 0;
+  padding: 3px;
+  transform-origin: right bottom;
+  transform: rotate(270deg);
+  text-align: right;
+  font-size: 7pt;
+}
+.gruvbox-bright_orange-xterm .content {
+  position: absolute;
+  top: 5px;
+  left: 8px;
+  font-size: 10pt;
+}
+.gruvbox-bright_orange-xterm .color-label {
+  position: absolute;
+  bottom: 5px;
+  left: 8px;
+  font-size: 14pt;
+}
 
 .gruvbox-bright_orange-xterm-after {
   height: 8px;
   width: 128px;
-  background-color: #c26700; }
+  background-color: #c26700;
+}
 
 .gruvbox-neutral_red {
   position: relative;
   color: #000000;
   background-color: #fb4934;
-  height: 120px; }
-  .gruvbox-neutral_red .xterm {
-    position: absolute;
-    width: 112px;
-    top: -16px;
-    right: 0px;
-    padding: 3px;
-    transform-origin: right bottom;
-    transform: rotate(270deg);
-    text-alignment: right;
-    font-size: 7pt; }
-  .gruvbox-neutral_red .content {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-    font-size: 10pt; }
-  .gruvbox-neutral_red .color-label {
-    position: absolute;
-    bottom: 5px;
-    left: 8px;
-    font-size: 14pt; }
+  height: 120px;
+}
+.gruvbox-neutral_red .xterm {
+  position: absolute;
+  width: 112px;
+  top: -16px;
+  right: 0;
+  padding: 3px;
+  transform-origin: right bottom;
+  transform: rotate(270deg);
+  text-align: right;
+  font-size: 7pt;
+}
+.gruvbox-neutral_red .content {
+  position: absolute;
+  top: 5px;
+  left: 8px;
+  font-size: 10pt;
+}
+.gruvbox-neutral_red .color-label {
+  position: absolute;
+  bottom: 5px;
+  left: 8px;
+  font-size: 14pt;
+}
 
 .gruvbox-neutral_red-after {
   height: 8px;
   width: 128px;
-  background-color: #ed1d05; }
+  background-color: #ed1d05;
+}
 
 .gruvbox-neutral_red-xterm {
   position: relative;
   color: #000000;
   background-color: #d75f5f;
-  height: 120px; }
-  .gruvbox-neutral_red-xterm .xterm {
-    position: absolute;
-    width: 112px;
-    top: -16px;
-    right: 0px;
-    padding: 3px;
-    transform-origin: right bottom;
-    transform: rotate(270deg);
-    text-alignment: right;
-    font-size: 7pt; }
-  .gruvbox-neutral_red-xterm .content {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-    font-size: 10pt; }
-  .gruvbox-neutral_red-xterm .color-label {
-    position: absolute;
-    bottom: 5px;
-    left: 8px;
-    font-size: 14pt; }
+  height: 120px;
+}
+.gruvbox-neutral_red-xterm .xterm {
+  position: absolute;
+  width: 112px;
+  top: -16px;
+  right: 0;
+  padding: 3px;
+  transform-origin: right bottom;
+  transform: rotate(270deg);
+  text-align: right;
+  font-size: 7pt;
+}
+.gruvbox-neutral_red-xterm .content {
+  position: absolute;
+  top: 5px;
+  left: 8px;
+  font-size: 10pt;
+}
+.gruvbox-neutral_red-xterm .color-label {
+  position: absolute;
+  bottom: 5px;
+  left: 8px;
+  font-size: 14pt;
+}
 
 .gruvbox-neutral_red-xterm-after {
   height: 8px;
   width: 128px;
-  background-color: #c73232; }
+  background-color: #c73232;
+}
 
 .gruvbox-neutral_green {
   position: relative;
-  color: #FFFFFF;
+  color: #ffffff;
   background-color: #b8bb26;
-  height: 120px; }
-  .gruvbox-neutral_green .xterm {
-    position: absolute;
-    width: 112px;
-    top: -16px;
-    right: 0px;
-    padding: 3px;
-    transform-origin: right bottom;
-    transform: rotate(270deg);
-    text-alignment: right;
-    font-size: 7pt; }
-  .gruvbox-neutral_green .content {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-    font-size: 10pt; }
-  .gruvbox-neutral_green .color-label {
-    position: absolute;
-    bottom: 5px;
-    left: 8px;
-    font-size: 14pt; }
+  height: 120px;
+}
+.gruvbox-neutral_green .xterm {
+  position: absolute;
+  width: 112px;
+  top: -16px;
+  right: 0;
+  padding: 3px;
+  transform-origin: right bottom;
+  transform: rotate(270deg);
+  text-align: right;
+  font-size: 7pt;
+}
+.gruvbox-neutral_green .content {
+  position: absolute;
+  top: 5px;
+  left: 8px;
+  font-size: 10pt;
+}
+.gruvbox-neutral_green .color-label {
+  position: absolute;
+  bottom: 5px;
+  left: 8px;
+  font-size: 14pt;
+}
 
 .gruvbox-neutral_green-after {
   height: 8px;
   width: 128px;
-  background-color: #86881c; }
+  background-color: #86881c;
+}
 
 .gruvbox-neutral_green-xterm {
   position: relative;
-  color: #FFFFFF;
+  color: #ffffff;
   background-color: #afaf00;
-  height: 120px; }
-  .gruvbox-neutral_green-xterm .xterm {
-    position: absolute;
-    width: 112px;
-    top: -16px;
-    right: 0px;
-    padding: 3px;
-    transform-origin: right bottom;
-    transform: rotate(270deg);
-    text-alignment: right;
-    font-size: 7pt; }
-  .gruvbox-neutral_green-xterm .content {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-    font-size: 10pt; }
-  .gruvbox-neutral_green-xterm .color-label {
-    position: absolute;
-    bottom: 5px;
-    left: 8px;
-    font-size: 14pt; }
+  height: 120px;
+}
+.gruvbox-neutral_green-xterm .xterm {
+  position: absolute;
+  width: 112px;
+  top: -16px;
+  right: 0;
+  padding: 3px;
+  transform-origin: right bottom;
+  transform: rotate(270deg);
+  text-align: right;
+  font-size: 7pt;
+}
+.gruvbox-neutral_green-xterm .content {
+  position: absolute;
+  top: 5px;
+  left: 8px;
+  font-size: 10pt;
+}
+.gruvbox-neutral_green-xterm .color-label {
+  position: absolute;
+  bottom: 5px;
+  left: 8px;
+  font-size: 14pt;
+}
 
 .gruvbox-neutral_green-xterm-after {
   height: 8px;
   width: 128px;
-  background-color: #727200; }
+  background-color: #727200;
+}
 
 .gruvbox-neutral_yellow {
   position: relative;
   color: #000000;
   background-color: #fabd2f;
-  height: 120px; }
-  .gruvbox-neutral_yellow .xterm {
-    position: absolute;
-    width: 112px;
-    top: -16px;
-    right: 0px;
-    padding: 3px;
-    transform-origin: right bottom;
-    transform: rotate(270deg);
-    text-alignment: right;
-    font-size: 7pt; }
-  .gruvbox-neutral_yellow .content {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-    font-size: 10pt; }
-  .gruvbox-neutral_yellow .color-label {
-    position: absolute;
-    bottom: 5px;
-    left: 8px;
-    font-size: 14pt; }
+  height: 120px;
+}
+.gruvbox-neutral_yellow .xterm {
+  position: absolute;
+  width: 112px;
+  top: -16px;
+  right: 0;
+  padding: 3px;
+  transform-origin: right bottom;
+  transform: rotate(270deg);
+  text-align: right;
+  font-size: 7pt;
+}
+.gruvbox-neutral_yellow .content {
+  position: absolute;
+  top: 5px;
+  left: 8px;
+  font-size: 10pt;
+}
+.gruvbox-neutral_yellow .color-label {
+  position: absolute;
+  bottom: 5px;
+  left: 8px;
+  font-size: 14pt;
+}
 
 .gruvbox-neutral_yellow-after {
   height: 8px;
   width: 128px;
-  background-color: #e6a306; }
+  background-color: #e6a306;
+}
 
 .gruvbox-neutral_yellow-xterm {
   position: relative;
   color: #000000;
   background-color: #ffaf00;
-  height: 120px; }
-  .gruvbox-neutral_yellow-xterm .xterm {
-    position: absolute;
-    width: 112px;
-    top: -16px;
-    right: 0px;
-    padding: 3px;
-    transform-origin: right bottom;
-    transform: rotate(270deg);
-    text-alignment: right;
-    font-size: 7pt; }
-  .gruvbox-neutral_yellow-xterm .content {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-    font-size: 10pt; }
-  .gruvbox-neutral_yellow-xterm .color-label {
-    position: absolute;
-    bottom: 5px;
-    left: 8px;
-    font-size: 14pt; }
+  height: 120px;
+}
+.gruvbox-neutral_yellow-xterm .xterm {
+  position: absolute;
+  width: 112px;
+  top: -16px;
+  right: 0;
+  padding: 3px;
+  transform-origin: right bottom;
+  transform: rotate(270deg);
+  text-align: right;
+  font-size: 7pt;
+}
+.gruvbox-neutral_yellow-xterm .content {
+  position: absolute;
+  top: 5px;
+  left: 8px;
+  font-size: 10pt;
+}
+.gruvbox-neutral_yellow-xterm .color-label {
+  position: absolute;
+  bottom: 5px;
+  left: 8px;
+  font-size: 14pt;
+}
 
 .gruvbox-neutral_yellow-xterm-after {
   height: 8px;
   width: 128px;
-  background-color: #c28500; }
+  background-color: #c28500;
+}
 
 .gruvbox-neutral_blue {
   position: relative;
   color: #000000;
   background-color: #83a598;
-  height: 120px; }
-  .gruvbox-neutral_blue .xterm {
-    position: absolute;
-    width: 112px;
-    top: -16px;
-    right: 0px;
-    padding: 3px;
-    transform-origin: right bottom;
-    transform: rotate(270deg);
-    text-alignment: right;
-    font-size: 7pt; }
-  .gruvbox-neutral_blue .content {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-    font-size: 10pt; }
-  .gruvbox-neutral_blue .color-label {
-    position: absolute;
-    bottom: 5px;
-    left: 8px;
-    font-size: 14pt; }
+  height: 120px;
+}
+.gruvbox-neutral_blue .xterm {
+  position: absolute;
+  width: 112px;
+  top: -16px;
+  right: 0;
+  padding: 3px;
+  transform-origin: right bottom;
+  transform: rotate(270deg);
+  text-align: right;
+  font-size: 7pt;
+}
+.gruvbox-neutral_blue .content {
+  position: absolute;
+  top: 5px;
+  left: 8px;
+  font-size: 10pt;
+}
+.gruvbox-neutral_blue .color-label {
+  position: absolute;
+  bottom: 5px;
+  left: 8px;
+  font-size: 14pt;
+}
 
 .gruvbox-neutral_blue-after {
   height: 8px;
   width: 128px;
-  background-color: #63887a; }
+  background-color: #63887a;
+}
 
 .gruvbox-neutral_blue-xterm {
   position: relative;
   color: #000000;
   background-color: #87afaf;
-  height: 120px; }
-  .gruvbox-neutral_blue-xterm .xterm {
-    position: absolute;
-    width: 112px;
-    top: -16px;
-    right: 0px;
-    padding: 3px;
-    transform-origin: right bottom;
-    transform: rotate(270deg);
-    text-alignment: right;
-    font-size: 7pt; }
-  .gruvbox-neutral_blue-xterm .content {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-    font-size: 10pt; }
-  .gruvbox-neutral_blue-xterm .color-label {
-    position: absolute;
-    bottom: 5px;
-    left: 8px;
-    font-size: 14pt; }
+  height: 120px;
+}
+.gruvbox-neutral_blue-xterm .xterm {
+  position: absolute;
+  width: 112px;
+  top: -16px;
+  right: 0;
+  padding: 3px;
+  transform-origin: right bottom;
+  transform: rotate(270deg);
+  text-align: right;
+  font-size: 7pt;
+}
+.gruvbox-neutral_blue-xterm .content {
+  position: absolute;
+  top: 5px;
+  left: 8px;
+  font-size: 10pt;
+}
+.gruvbox-neutral_blue-xterm .color-label {
+  position: absolute;
+  bottom: 5px;
+  left: 8px;
+  font-size: 14pt;
+}
 
 .gruvbox-neutral_blue-xterm-after {
   height: 8px;
   width: 128px;
-  background-color: #649595; }
+  background-color: #649595;
+}
 
 .gruvbox-neutral_purple {
   position: relative;
   color: #000000;
   background-color: #d3869b;
-  height: 120px; }
-  .gruvbox-neutral_purple .xterm {
-    position: absolute;
-    width: 112px;
-    top: -16px;
-    right: 0px;
-    padding: 3px;
-    transform-origin: right bottom;
-    transform: rotate(270deg);
-    text-alignment: right;
-    font-size: 7pt; }
-  .gruvbox-neutral_purple .content {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-    font-size: 10pt; }
-  .gruvbox-neutral_purple .color-label {
-    position: absolute;
-    bottom: 5px;
-    left: 8px;
-    font-size: 14pt; }
+  height: 120px;
+}
+.gruvbox-neutral_purple .xterm {
+  position: absolute;
+  width: 112px;
+  top: -16px;
+  right: 0;
+  padding: 3px;
+  transform-origin: right bottom;
+  transform: rotate(270deg);
+  text-align: right;
+  font-size: 7pt;
+}
+.gruvbox-neutral_purple .content {
+  position: absolute;
+  top: 5px;
+  left: 8px;
+  font-size: 10pt;
+}
+.gruvbox-neutral_purple .color-label {
+  position: absolute;
+  bottom: 5px;
+  left: 8px;
+  font-size: 14pt;
+}
 
 .gruvbox-neutral_purple-after {
   height: 8px;
   width: 128px;
-  background-color: #c35976; }
+  background-color: #c35976;
+}
 
 .gruvbox-neutral_purple-xterm {
   position: relative;
   color: #000000;
   background-color: #d787af;
-  height: 120px; }
-  .gruvbox-neutral_purple-xterm .xterm {
-    position: absolute;
-    width: 112px;
-    top: -16px;
-    right: 0px;
-    padding: 3px;
-    transform-origin: right bottom;
-    transform: rotate(270deg);
-    text-alignment: right;
-    font-size: 7pt; }
-  .gruvbox-neutral_purple-xterm .content {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-    font-size: 10pt; }
-  .gruvbox-neutral_purple-xterm .color-label {
-    position: absolute;
-    bottom: 5px;
-    left: 8px;
-    font-size: 14pt; }
+  height: 120px;
+}
+.gruvbox-neutral_purple-xterm .xterm {
+  position: absolute;
+  width: 112px;
+  top: -16px;
+  right: 0;
+  padding: 3px;
+  transform-origin: right bottom;
+  transform: rotate(270deg);
+  text-align: right;
+  font-size: 7pt;
+}
+.gruvbox-neutral_purple-xterm .content {
+  position: absolute;
+  top: 5px;
+  left: 8px;
+  font-size: 10pt;
+}
+.gruvbox-neutral_purple-xterm .color-label {
+  position: absolute;
+  bottom: 5px;
+  left: 8px;
+  font-size: 14pt;
+}
 
 .gruvbox-neutral_purple-xterm-after {
   height: 8px;
   width: 128px;
-  background-color: #c85990; }
+  background-color: #c85990;
+}
 
 .gruvbox-neutral_aqua {
   position: relative;
   color: #000000;
   background-color: #8ec07c;
-  height: 120px; }
-  .gruvbox-neutral_aqua .xterm {
-    position: absolute;
-    width: 112px;
-    top: -16px;
-    right: 0px;
-    padding: 3px;
-    transform-origin: right bottom;
-    transform: rotate(270deg);
-    text-alignment: right;
-    font-size: 7pt; }
-  .gruvbox-neutral_aqua .content {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-    font-size: 10pt; }
-  .gruvbox-neutral_aqua .color-label {
-    position: absolute;
-    bottom: 5px;
-    left: 8px;
-    font-size: 14pt; }
+  height: 120px;
+}
+.gruvbox-neutral_aqua .xterm {
+  position: absolute;
+  width: 112px;
+  top: -16px;
+  right: 0;
+  padding: 3px;
+  transform-origin: right bottom;
+  transform: rotate(270deg);
+  text-align: right;
+  font-size: 7pt;
+}
+.gruvbox-neutral_aqua .content {
+  position: absolute;
+  top: 5px;
+  left: 8px;
+  font-size: 10pt;
+}
+.gruvbox-neutral_aqua .color-label {
+  position: absolute;
+  bottom: 5px;
+  left: 8px;
+  font-size: 14pt;
+}
 
 .gruvbox-neutral_aqua-after {
   height: 8px;
   width: 128px;
-  background-color: #6aac53; }
+  background-color: #6aac53;
+}
 
 .gruvbox-neutral_aqua-xterm {
   position: relative;
   color: #000000;
   background-color: #87af87;
-  height: 120px; }
-  .gruvbox-neutral_aqua-xterm .xterm {
-    position: absolute;
-    width: 112px;
-    top: -16px;
-    right: 0px;
-    padding: 3px;
-    transform-origin: right bottom;
-    transform: rotate(270deg);
-    text-alignment: right;
-    font-size: 7pt; }
-  .gruvbox-neutral_aqua-xterm .content {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-    font-size: 10pt; }
-  .gruvbox-neutral_aqua-xterm .color-label {
-    position: absolute;
-    bottom: 5px;
-    left: 8px;
-    font-size: 14pt; }
+  height: 120px;
+}
+.gruvbox-neutral_aqua-xterm .xterm {
+  position: absolute;
+  width: 112px;
+  top: -16px;
+  right: 0;
+  padding: 3px;
+  transform-origin: right bottom;
+  transform: rotate(270deg);
+  text-align: right;
+  font-size: 7pt;
+}
+.gruvbox-neutral_aqua-xterm .content {
+  position: absolute;
+  top: 5px;
+  left: 8px;
+  font-size: 10pt;
+}
+.gruvbox-neutral_aqua-xterm .color-label {
+  position: absolute;
+  bottom: 5px;
+  left: 8px;
+  font-size: 14pt;
+}
 
 .gruvbox-neutral_aqua-xterm-after {
   height: 8px;
   width: 128px;
-  background-color: #649564; }
+  background-color: #649564;
+}
 
 .gruvbox-neutral_orange {
   position: relative;
   color: #000000;
   background-color: #fe8019;
-  height: 120px; }
-  .gruvbox-neutral_orange .xterm {
-    position: absolute;
-    width: 112px;
-    top: -16px;
-    right: 0px;
-    padding: 3px;
-    transform-origin: right bottom;
-    transform: rotate(270deg);
-    text-alignment: right;
-    font-size: 7pt; }
-  .gruvbox-neutral_orange .content {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-    font-size: 10pt; }
-  .gruvbox-neutral_orange .color-label {
-    position: absolute;
-    bottom: 5px;
-    left: 8px;
-    font-size: 14pt; }
+  height: 120px;
+}
+.gruvbox-neutral_orange .xterm {
+  position: absolute;
+  width: 112px;
+  top: -16px;
+  right: 0;
+  padding: 3px;
+  transform-origin: right bottom;
+  transform: rotate(270deg);
+  text-align: right;
+  font-size: 7pt;
+}
+.gruvbox-neutral_orange .content {
+  position: absolute;
+  top: 5px;
+  left: 8px;
+  font-size: 10pt;
+}
+.gruvbox-neutral_orange .color-label {
+  position: absolute;
+  bottom: 5px;
+  left: 8px;
+  font-size: 14pt;
+}
 
 .gruvbox-neutral_orange-after {
   height: 8px;
   width: 128px;
-  background-color: #d96201; }
+  background-color: #d96201;
+}
 
 .gruvbox-neutral_orange-xterm {
   position: relative;
   color: #000000;
   background-color: #ff8700;
-  height: 120px; }
-  .gruvbox-neutral_orange-xterm .xterm {
-    position: absolute;
-    width: 112px;
-    top: -16px;
-    right: 0px;
-    padding: 3px;
-    transform-origin: right bottom;
-    transform: rotate(270deg);
-    text-alignment: right;
-    font-size: 7pt; }
-  .gruvbox-neutral_orange-xterm .content {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-    font-size: 10pt; }
-  .gruvbox-neutral_orange-xterm .color-label {
-    position: absolute;
-    bottom: 5px;
-    left: 8px;
-    font-size: 14pt; }
+  height: 120px;
+}
+.gruvbox-neutral_orange-xterm .xterm {
+  position: absolute;
+  width: 112px;
+  top: -16px;
+  right: 0;
+  padding: 3px;
+  transform-origin: right bottom;
+  transform: rotate(270deg);
+  text-align: right;
+  font-size: 7pt;
+}
+.gruvbox-neutral_orange-xterm .content {
+  position: absolute;
+  top: 5px;
+  left: 8px;
+  font-size: 10pt;
+}
+.gruvbox-neutral_orange-xterm .color-label {
+  position: absolute;
+  bottom: 5px;
+  left: 8px;
+  font-size: 14pt;
+}
 
 .gruvbox-neutral_orange-xterm-after {
   height: 8px;
   width: 128px;
-  background-color: #c26700; }
+  background-color: #c26700;
+}
 
 .gruvbox-faded_red {
   position: relative;
-  color: #FFFFFF;
+  color: #ffffff;
   background-color: #9d0006;
-  height: 120px; }
-  .gruvbox-faded_red .xterm {
-    position: absolute;
-    width: 112px;
-    top: -16px;
-    right: 0px;
-    padding: 3px;
-    transform-origin: right bottom;
-    transform: rotate(270deg);
-    text-alignment: right;
-    font-size: 7pt; }
-  .gruvbox-faded_red .content {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-    font-size: 10pt; }
-  .gruvbox-faded_red .color-label {
-    position: absolute;
-    bottom: 5px;
-    left: 8px;
-    font-size: 14pt; }
+  height: 120px;
+}
+.gruvbox-faded_red .xterm {
+  position: absolute;
+  width: 112px;
+  top: -16px;
+  right: 0;
+  padding: 3px;
+  transform-origin: right bottom;
+  transform: rotate(270deg);
+  text-align: right;
+  font-size: 7pt;
+}
+.gruvbox-faded_red .content {
+  position: absolute;
+  top: 5px;
+  left: 8px;
+  font-size: 10pt;
+}
+.gruvbox-faded_red .color-label {
+  position: absolute;
+  bottom: 5px;
+  left: 8px;
+  font-size: 14pt;
+}
 
 .gruvbox-faded_red-after {
   height: 8px;
   width: 128px;
-  background-color: #600004; }
+  background-color: #600004;
+}
 
 .gruvbox-faded_red-xterm {
   position: relative;
-  color: #FFFFFF;
+  color: #ffffff;
   background-color: #870000;
-  height: 120px; }
-  .gruvbox-faded_red-xterm .xterm {
-    position: absolute;
-    width: 112px;
-    top: -16px;
-    right: 0px;
-    padding: 3px;
-    transform-origin: right bottom;
-    transform: rotate(270deg);
-    text-alignment: right;
-    font-size: 7pt; }
-  .gruvbox-faded_red-xterm .content {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-    font-size: 10pt; }
-  .gruvbox-faded_red-xterm .color-label {
-    position: absolute;
-    bottom: 5px;
-    left: 8px;
-    font-size: 14pt; }
+  height: 120px;
+}
+.gruvbox-faded_red-xterm .xterm {
+  position: absolute;
+  width: 112px;
+  top: -16px;
+  right: 0;
+  padding: 3px;
+  transform-origin: right bottom;
+  transform: rotate(270deg);
+  text-align: right;
+  font-size: 7pt;
+}
+.gruvbox-faded_red-xterm .content {
+  position: absolute;
+  top: 5px;
+  left: 8px;
+  font-size: 10pt;
+}
+.gruvbox-faded_red-xterm .color-label {
+  position: absolute;
+  bottom: 5px;
+  left: 8px;
+  font-size: 14pt;
+}
 
 .gruvbox-faded_red-xterm-after {
   height: 8px;
   width: 128px;
-  background-color: #4a0000; }
+  background-color: #4a0000;
+}
 
 .gruvbox-faded_green {
   position: relative;
-  color: #FFFFFF;
+  color: #ffffff;
   background-color: #79740e;
-  height: 120px; }
-  .gruvbox-faded_green .xterm {
-    position: absolute;
-    width: 112px;
-    top: -16px;
-    right: 0px;
-    padding: 3px;
-    transform-origin: right bottom;
-    transform: rotate(270deg);
-    text-alignment: right;
-    font-size: 7pt; }
-  .gruvbox-faded_green .content {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-    font-size: 10pt; }
-  .gruvbox-faded_green .color-label {
-    position: absolute;
-    bottom: 5px;
-    left: 8px;
-    font-size: 14pt; }
+  height: 120px;
+}
+.gruvbox-faded_green .xterm {
+  position: absolute;
+  width: 112px;
+  top: -16px;
+  right: 0;
+  padding: 3px;
+  transform-origin: right bottom;
+  transform: rotate(270deg);
+  text-align: right;
+  font-size: 7pt;
+}
+.gruvbox-faded_green .content {
+  position: absolute;
+  top: 5px;
+  left: 8px;
+  font-size: 10pt;
+}
+.gruvbox-faded_green .color-label {
+  position: absolute;
+  bottom: 5px;
+  left: 8px;
+  font-size: 14pt;
+}
 
 .gruvbox-faded_green-after {
   height: 8px;
   width: 128px;
-  background-color: #423f08; }
+  background-color: #423f08;
+}
 
 .gruvbox-faded_green-xterm {
   position: relative;
-  color: #FFFFFF;
+  color: #ffffff;
   background-color: #878700;
-  height: 120px; }
-  .gruvbox-faded_green-xterm .xterm {
-    position: absolute;
-    width: 112px;
-    top: -16px;
-    right: 0px;
-    padding: 3px;
-    transform-origin: right bottom;
-    transform: rotate(270deg);
-    text-alignment: right;
-    font-size: 7pt; }
-  .gruvbox-faded_green-xterm .content {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-    font-size: 10pt; }
-  .gruvbox-faded_green-xterm .color-label {
-    position: absolute;
-    bottom: 5px;
-    left: 8px;
-    font-size: 14pt; }
+  height: 120px;
+}
+.gruvbox-faded_green-xterm .xterm {
+  position: absolute;
+  width: 112px;
+  top: -16px;
+  right: 0;
+  padding: 3px;
+  transform-origin: right bottom;
+  transform: rotate(270deg);
+  text-align: right;
+  font-size: 7pt;
+}
+.gruvbox-faded_green-xterm .content {
+  position: absolute;
+  top: 5px;
+  left: 8px;
+  font-size: 10pt;
+}
+.gruvbox-faded_green-xterm .color-label {
+  position: absolute;
+  bottom: 5px;
+  left: 8px;
+  font-size: 14pt;
+}
 
 .gruvbox-faded_green-xterm-after {
   height: 8px;
   width: 128px;
-  background-color: #4a4a00; }
+  background-color: #4a4a00;
+}
 
 .gruvbox-faded_yellow {
   position: relative;
-  color: #FFFFFF;
+  color: #ffffff;
   background-color: #b57614;
-  height: 120px; }
-  .gruvbox-faded_yellow .xterm {
-    position: absolute;
-    width: 112px;
-    top: -16px;
-    right: 0px;
-    padding: 3px;
-    transform-origin: right bottom;
-    transform: rotate(270deg);
-    text-alignment: right;
-    font-size: 7pt; }
-  .gruvbox-faded_yellow .content {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-    font-size: 10pt; }
-  .gruvbox-faded_yellow .color-label {
-    position: absolute;
-    bottom: 5px;
-    left: 8px;
-    font-size: 14pt; }
+  height: 120px;
+}
+.gruvbox-faded_yellow .xterm {
+  position: absolute;
+  width: 112px;
+  top: -16px;
+  right: 0;
+  padding: 3px;
+  transform-origin: right bottom;
+  transform: rotate(270deg);
+  text-align: right;
+  font-size: 7pt;
+}
+.gruvbox-faded_yellow .content {
+  position: absolute;
+  top: 5px;
+  left: 8px;
+  font-size: 10pt;
+}
+.gruvbox-faded_yellow .color-label {
+  position: absolute;
+  bottom: 5px;
+  left: 8px;
+  font-size: 14pt;
+}
 
 .gruvbox-faded_yellow-after {
   height: 8px;
   width: 128px;
-  background-color: #7e520e; }
+  background-color: #7e520e;
+}
 
 .gruvbox-faded_yellow-xterm {
   position: relative;
-  color: #FFFFFF;
+  color: #ffffff;
   background-color: #af8700;
-  height: 120px; }
-  .gruvbox-faded_yellow-xterm .xterm {
-    position: absolute;
-    width: 112px;
-    top: -16px;
-    right: 0px;
-    padding: 3px;
-    transform-origin: right bottom;
-    transform: rotate(270deg);
-    text-alignment: right;
-    font-size: 7pt; }
-  .gruvbox-faded_yellow-xterm .content {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-    font-size: 10pt; }
-  .gruvbox-faded_yellow-xterm .color-label {
-    position: absolute;
-    bottom: 5px;
-    left: 8px;
-    font-size: 14pt; }
+  height: 120px;
+}
+.gruvbox-faded_yellow-xterm .xterm {
+  position: absolute;
+  width: 112px;
+  top: -16px;
+  right: 0;
+  padding: 3px;
+  transform-origin: right bottom;
+  transform: rotate(270deg);
+  text-align: right;
+  font-size: 7pt;
+}
+.gruvbox-faded_yellow-xterm .content {
+  position: absolute;
+  top: 5px;
+  left: 8px;
+  font-size: 10pt;
+}
+.gruvbox-faded_yellow-xterm .color-label {
+  position: absolute;
+  bottom: 5px;
+  left: 8px;
+  font-size: 14pt;
+}
 
 .gruvbox-faded_yellow-xterm-after {
   height: 8px;
   width: 128px;
-  background-color: #725800; }
+  background-color: #725800;
+}
 
 .gruvbox-faded_blue {
   position: relative;
-  color: #FFFFFF;
+  color: #ffffff;
   background-color: #076678;
-  height: 120px; }
-  .gruvbox-faded_blue .xterm {
-    position: absolute;
-    width: 112px;
-    top: -16px;
-    right: 0px;
-    padding: 3px;
-    transform-origin: right bottom;
-    transform: rotate(270deg);
-    text-alignment: right;
-    font-size: 7pt; }
-  .gruvbox-faded_blue .content {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-    font-size: 10pt; }
-  .gruvbox-faded_blue .color-label {
-    position: absolute;
-    bottom: 5px;
-    left: 8px;
-    font-size: 14pt; }
+  height: 120px;
+}
+.gruvbox-faded_blue .xterm {
+  position: absolute;
+  width: 112px;
+  top: -16px;
+  right: 0;
+  padding: 3px;
+  transform-origin: right bottom;
+  transform: rotate(270deg);
+  text-align: right;
+  font-size: 7pt;
+}
+.gruvbox-faded_blue .content {
+  position: absolute;
+  top: 5px;
+  left: 8px;
+  font-size: 10pt;
+}
+.gruvbox-faded_blue .color-label {
+  position: absolute;
+  bottom: 5px;
+  left: 8px;
+  font-size: 14pt;
+}
 
 .gruvbox-faded_blue-after {
   height: 8px;
   width: 128px;
-  background-color: #04353e; }
+  background-color: #04353e;
+}
 
 .gruvbox-faded_blue-xterm {
   position: relative;
-  color: #FFFFFF;
+  color: #ffffff;
   background-color: #005f87;
-  height: 120px; }
-  .gruvbox-faded_blue-xterm .xterm {
-    position: absolute;
-    width: 112px;
-    top: -16px;
-    right: 0px;
-    padding: 3px;
-    transform-origin: right bottom;
-    transform: rotate(270deg);
-    text-alignment: right;
-    font-size: 7pt; }
-  .gruvbox-faded_blue-xterm .content {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-    font-size: 10pt; }
-  .gruvbox-faded_blue-xterm .color-label {
-    position: absolute;
-    bottom: 5px;
-    left: 8px;
-    font-size: 14pt; }
+  height: 120px;
+}
+.gruvbox-faded_blue-xterm .xterm {
+  position: absolute;
+  width: 112px;
+  top: -16px;
+  right: 0;
+  padding: 3px;
+  transform-origin: right bottom;
+  transform: rotate(270deg);
+  text-align: right;
+  font-size: 7pt;
+}
+.gruvbox-faded_blue-xterm .content {
+  position: absolute;
+  top: 5px;
+  left: 8px;
+  font-size: 10pt;
+}
+.gruvbox-faded_blue-xterm .color-label {
+  position: absolute;
+  bottom: 5px;
+  left: 8px;
+  font-size: 14pt;
+}
 
 .gruvbox-faded_blue-xterm-after {
   height: 8px;
   width: 128px;
-  background-color: #00344a; }
+  background-color: #00344a;
+}
 
 .gruvbox-faded_purple {
   position: relative;
-  color: #FFFFFF;
+  color: #ffffff;
   background-color: #8f3f71;
-  height: 120px; }
-  .gruvbox-faded_purple .xterm {
-    position: absolute;
-    width: 112px;
-    top: -16px;
-    right: 0px;
-    padding: 3px;
-    transform-origin: right bottom;
-    transform: rotate(270deg);
-    text-alignment: right;
-    font-size: 7pt; }
-  .gruvbox-faded_purple .content {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-    font-size: 10pt; }
-  .gruvbox-faded_purple .color-label {
-    position: absolute;
-    bottom: 5px;
-    left: 8px;
-    font-size: 14pt; }
+  height: 120px;
+}
+.gruvbox-faded_purple .xterm {
+  position: absolute;
+  width: 112px;
+  top: -16px;
+  right: 0;
+  padding: 3px;
+  transform-origin: right bottom;
+  transform: rotate(270deg);
+  text-align: right;
+  font-size: 7pt;
+}
+.gruvbox-faded_purple .content {
+  position: absolute;
+  top: 5px;
+  left: 8px;
+  font-size: 10pt;
+}
+.gruvbox-faded_purple .color-label {
+  position: absolute;
+  bottom: 5px;
+  left: 8px;
+  font-size: 14pt;
+}
 
 .gruvbox-faded_purple-after {
   height: 8px;
   width: 128px;
-  background-color: #652c4f; }
+  background-color: #652c4f;
+}
 
 .gruvbox-faded_purple-xterm {
   position: relative;
-  color: #FFFFFF;
+  color: #ffffff;
   background-color: #875f87;
-  height: 120px; }
-  .gruvbox-faded_purple-xterm .xterm {
-    position: absolute;
-    width: 112px;
-    top: -16px;
-    right: 0px;
-    padding: 3px;
-    transform-origin: right bottom;
-    transform: rotate(270deg);
-    text-alignment: right;
-    font-size: 7pt; }
-  .gruvbox-faded_purple-xterm .content {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-    font-size: 10pt; }
-  .gruvbox-faded_purple-xterm .color-label {
-    position: absolute;
-    bottom: 5px;
-    left: 8px;
-    font-size: 14pt; }
+  height: 120px;
+}
+.gruvbox-faded_purple-xterm .xterm {
+  position: absolute;
+  width: 112px;
+  top: -16px;
+  right: 0;
+  padding: 3px;
+  transform-origin: right bottom;
+  transform: rotate(270deg);
+  text-align: right;
+  font-size: 7pt;
+}
+.gruvbox-faded_purple-xterm .content {
+  position: absolute;
+  top: 5px;
+  left: 8px;
+  font-size: 10pt;
+}
+.gruvbox-faded_purple-xterm .color-label {
+  position: absolute;
+  bottom: 5px;
+  left: 8px;
+  font-size: 14pt;
+}
 
 .gruvbox-faded_purple-xterm-after {
   height: 8px;
   width: 128px;
-  background-color: #634663; }
+  background-color: #634663;
+}
 
 .gruvbox-faded_aqua {
   position: relative;
-  color: #FFFFFF;
+  color: #ffffff;
   background-color: #427b58;
-  height: 120px; }
-  .gruvbox-faded_aqua .xterm {
-    position: absolute;
-    width: 112px;
-    top: -16px;
-    right: 0px;
-    padding: 3px;
-    transform-origin: right bottom;
-    transform: rotate(270deg);
-    text-alignment: right;
-    font-size: 7pt; }
-  .gruvbox-faded_aqua .content {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-    font-size: 10pt; }
-  .gruvbox-faded_aqua .color-label {
-    position: absolute;
-    bottom: 5px;
-    left: 8px;
-    font-size: 14pt; }
+  height: 120px;
+}
+.gruvbox-faded_aqua .xterm {
+  position: absolute;
+  width: 112px;
+  top: -16px;
+  right: 0;
+  padding: 3px;
+  transform-origin: right bottom;
+  transform: rotate(270deg);
+  text-align: right;
+  font-size: 7pt;
+}
+.gruvbox-faded_aqua .content {
+  position: absolute;
+  top: 5px;
+  left: 8px;
+  font-size: 10pt;
+}
+.gruvbox-faded_aqua .color-label {
+  position: absolute;
+  bottom: 5px;
+  left: 8px;
+  font-size: 14pt;
+}
 
 .gruvbox-faded_aqua-after {
   height: 8px;
   width: 128px;
-  background-color: #2d533c; }
+  background-color: #2d533c;
+}
 
 .gruvbox-faded_aqua-xterm {
   position: relative;
-  color: #FFFFFF;
+  color: #ffffff;
   background-color: #5f8787;
-  height: 120px; }
-  .gruvbox-faded_aqua-xterm .xterm {
-    position: absolute;
-    width: 112px;
-    top: -16px;
-    right: 0px;
-    padding: 3px;
-    transform-origin: right bottom;
-    transform: rotate(270deg);
-    text-alignment: right;
-    font-size: 7pt; }
-  .gruvbox-faded_aqua-xterm .content {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-    font-size: 10pt; }
-  .gruvbox-faded_aqua-xterm .color-label {
-    position: absolute;
-    bottom: 5px;
-    left: 8px;
-    font-size: 14pt; }
+  height: 120px;
+}
+.gruvbox-faded_aqua-xterm .xterm {
+  position: absolute;
+  width: 112px;
+  top: -16px;
+  right: 0;
+  padding: 3px;
+  transform-origin: right bottom;
+  transform: rotate(270deg);
+  text-align: right;
+  font-size: 7pt;
+}
+.gruvbox-faded_aqua-xterm .content {
+  position: absolute;
+  top: 5px;
+  left: 8px;
+  font-size: 10pt;
+}
+.gruvbox-faded_aqua-xterm .color-label {
+  position: absolute;
+  bottom: 5px;
+  left: 8px;
+  font-size: 14pt;
+}
 
 .gruvbox-faded_aqua-xterm-after {
   height: 8px;
   width: 128px;
-  background-color: #466363; }
+  background-color: #466363;
+}
 
 .gruvbox-faded_orange {
   position: relative;
-  color: #FFFFFF;
+  color: #ffffff;
   background-color: #af3a03;
-  height: 120px; }
-  .gruvbox-faded_orange .xterm {
-    position: absolute;
-    width: 112px;
-    top: -16px;
-    right: 0px;
-    padding: 3px;
-    transform-origin: right bottom;
-    transform: rotate(270deg);
-    text-alignment: right;
-    font-size: 7pt; }
-  .gruvbox-faded_orange .content {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-    font-size: 10pt; }
-  .gruvbox-faded_orange .color-label {
-    position: absolute;
-    bottom: 5px;
-    left: 8px;
-    font-size: 14pt; }
+  height: 120px;
+}
+.gruvbox-faded_orange .xterm {
+  position: absolute;
+  width: 112px;
+  top: -16px;
+  right: 0;
+  padding: 3px;
+  transform-origin: right bottom;
+  transform: rotate(270deg);
+  text-align: right;
+  font-size: 7pt;
+}
+.gruvbox-faded_orange .content {
+  position: absolute;
+  top: 5px;
+  left: 8px;
+  font-size: 10pt;
+}
+.gruvbox-faded_orange .color-label {
+  position: absolute;
+  bottom: 5px;
+  left: 8px;
+  font-size: 14pt;
+}
 
 .gruvbox-faded_orange-after {
   height: 8px;
   width: 128px;
-  background-color: #732602; }
+  background-color: #732602;
+}
 
 .gruvbox-faded_orange-xterm {
   position: relative;
-  color: #FFFFFF;
+  color: #ffffff;
   background-color: #af5f00;
-  height: 120px; }
-  .gruvbox-faded_orange-xterm .xterm {
-    position: absolute;
-    width: 112px;
-    top: -16px;
-    right: 0px;
-    padding: 3px;
-    transform-origin: right bottom;
-    transform: rotate(270deg);
-    text-alignment: right;
-    font-size: 7pt; }
-  .gruvbox-faded_orange-xterm .content {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-    font-size: 10pt; }
-  .gruvbox-faded_orange-xterm .color-label {
-    position: absolute;
-    bottom: 5px;
-    left: 8px;
-    font-size: 14pt; }
+  height: 120px;
+}
+.gruvbox-faded_orange-xterm .xterm {
+  position: absolute;
+  width: 112px;
+  top: -16px;
+  right: 0;
+  padding: 3px;
+  transform-origin: right bottom;
+  transform: rotate(270deg);
+  text-align: right;
+  font-size: 7pt;
+}
+.gruvbox-faded_orange-xterm .content {
+  position: absolute;
+  top: 5px;
+  left: 8px;
+  font-size: 10pt;
+}
+.gruvbox-faded_orange-xterm .color-label {
+  position: absolute;
+  bottom: 5px;
+  left: 8px;
+  font-size: 14pt;
+}
 
 .gruvbox-faded_orange-xterm-after {
   height: 8px;
   width: 128px;
-  background-color: #723e00; }
+  background-color: #723e00;
+}
 
 .gruvbox-dark_red {
   position: relative;
-  color: #FFFFFF;
-  background-color: #421E1E;
-  height: 120px; }
-  .gruvbox-dark_red .xterm {
-    position: absolute;
-    width: 112px;
-    top: -16px;
-    right: 0px;
-    padding: 3px;
-    transform-origin: right bottom;
-    transform: rotate(270deg);
-    text-alignment: right;
-    font-size: 7pt; }
-  .gruvbox-dark_red .content {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-    font-size: 10pt; }
-  .gruvbox-dark_red .color-label {
-    position: absolute;
-    bottom: 5px;
-    left: 8px;
-    font-size: 14pt; }
+  color: #ffffff;
+  background-color: #421e1e;
+  height: 120px;
+}
+.gruvbox-dark_red .xterm {
+  position: absolute;
+  width: 112px;
+  top: -16px;
+  right: 0;
+  padding: 3px;
+  transform-origin: right bottom;
+  transform: rotate(270deg);
+  text-align: right;
+  font-size: 7pt;
+}
+.gruvbox-dark_red .content {
+  position: absolute;
+  top: 5px;
+  left: 8px;
+  font-size: 10pt;
+}
+.gruvbox-dark_red .color-label {
+  position: absolute;
+  bottom: 5px;
+  left: 8px;
+  font-size: 14pt;
+}
 
 .gruvbox-dark_red-after {
   height: 8px;
   width: 128px;
-  background-color: #180b0b; }
+  background-color: #180b0b;
+}
 
 .gruvbox-dark_red-xterm {
   position: relative;
-  color: #FFFFFF;
+  color: #ffffff;
   background-color: #5f0000;
-  height: 120px; }
-  .gruvbox-dark_red-xterm .xterm {
-    position: absolute;
-    width: 112px;
-    top: -16px;
-    right: 0px;
-    padding: 3px;
-    transform-origin: right bottom;
-    transform: rotate(270deg);
-    text-alignment: right;
-    font-size: 7pt; }
-  .gruvbox-dark_red-xterm .content {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-    font-size: 10pt; }
-  .gruvbox-dark_red-xterm .color-label {
-    position: absolute;
-    bottom: 5px;
-    left: 8px;
-    font-size: 14pt; }
+  height: 120px;
+}
+.gruvbox-dark_red-xterm .xterm {
+  position: absolute;
+  width: 112px;
+  top: -16px;
+  right: 0;
+  padding: 3px;
+  transform-origin: right bottom;
+  transform: rotate(270deg);
+  text-align: right;
+  font-size: 7pt;
+}
+.gruvbox-dark_red-xterm .content {
+  position: absolute;
+  top: 5px;
+  left: 8px;
+  font-size: 10pt;
+}
+.gruvbox-dark_red-xterm .color-label {
+  position: absolute;
+  bottom: 5px;
+  left: 8px;
+  font-size: 14pt;
+}
 
 .gruvbox-dark_red-xterm-after {
   height: 8px;
   width: 128px;
-  background-color: #220000; }
+  background-color: #220000;
+}
 
 .gruvbox-dark_blue {
   position: relative;
-  color: #FFFFFF;
-  background-color: #2B3C44;
-  height: 120px; }
-  .gruvbox-dark_blue .xterm {
-    position: absolute;
-    width: 112px;
-    top: -16px;
-    right: 0px;
-    padding: 3px;
-    transform-origin: right bottom;
-    transform: rotate(270deg);
-    text-alignment: right;
-    font-size: 7pt; }
-  .gruvbox-dark_blue .content {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-    font-size: 10pt; }
-  .gruvbox-dark_blue .color-label {
-    position: absolute;
-    bottom: 5px;
-    left: 8px;
-    font-size: 14pt; }
+  color: #ffffff;
+  background-color: #2b3c44;
+  height: 120px;
+}
+.gruvbox-dark_blue .xterm {
+  position: absolute;
+  width: 112px;
+  top: -16px;
+  right: 0;
+  padding: 3px;
+  transform-origin: right bottom;
+  transform: rotate(270deg);
+  text-align: right;
+  font-size: 7pt;
+}
+.gruvbox-dark_blue .content {
+  position: absolute;
+  top: 5px;
+  left: 8px;
+  font-size: 10pt;
+}
+.gruvbox-dark_blue .color-label {
+  position: absolute;
+  bottom: 5px;
+  left: 8px;
+  font-size: 14pt;
+}
 
 .gruvbox-dark_blue-after {
   height: 8px;
   width: 128px;
-  background-color: #131b1f; }
+  background-color: #131b1f;
+}
 
 .gruvbox-dark_blue-xterm {
   position: relative;
-  color: #FFFFFF;
+  color: #ffffff;
   background-color: #000087;
-  height: 120px; }
-  .gruvbox-dark_blue-xterm .xterm {
-    position: absolute;
-    width: 112px;
-    top: -16px;
-    right: 0px;
-    padding: 3px;
-    transform-origin: right bottom;
-    transform: rotate(270deg);
-    text-alignment: right;
-    font-size: 7pt; }
-  .gruvbox-dark_blue-xterm .content {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-    font-size: 10pt; }
-  .gruvbox-dark_blue-xterm .color-label {
-    position: absolute;
-    bottom: 5px;
-    left: 8px;
-    font-size: 14pt; }
+  height: 120px;
+}
+.gruvbox-dark_blue-xterm .xterm {
+  position: absolute;
+  width: 112px;
+  top: -16px;
+  right: 0;
+  padding: 3px;
+  transform-origin: right bottom;
+  transform: rotate(270deg);
+  text-align: right;
+  font-size: 7pt;
+}
+.gruvbox-dark_blue-xterm .content {
+  position: absolute;
+  top: 5px;
+  left: 8px;
+  font-size: 10pt;
+}
+.gruvbox-dark_blue-xterm .color-label {
+  position: absolute;
+  bottom: 5px;
+  left: 8px;
+  font-size: 14pt;
+}
 
 .gruvbox-dark_blue-xterm-after {
   height: 8px;
   width: 128px;
-  background-color: #00004a; }
+  background-color: #00004a;
+}
 
 .gruvbox-dark_aqua {
   position: relative;
-  color: #FFFFFF;
-  background-color: #36473A;
-  height: 120px; }
-  .gruvbox-dark_aqua .xterm {
-    position: absolute;
-    width: 112px;
-    top: -16px;
-    right: 0px;
-    padding: 3px;
-    transform-origin: right bottom;
-    transform: rotate(270deg);
-    text-alignment: right;
-    font-size: 7pt; }
-  .gruvbox-dark_aqua .content {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-    font-size: 10pt; }
-  .gruvbox-dark_aqua .color-label {
-    position: absolute;
-    bottom: 5px;
-    left: 8px;
-    font-size: 14pt; }
+  color: #ffffff;
+  background-color: #36473a;
+  height: 120px;
+}
+.gruvbox-dark_aqua .xterm {
+  position: absolute;
+  width: 112px;
+  top: -16px;
+  right: 0;
+  padding: 3px;
+  transform-origin: right bottom;
+  transform: rotate(270deg);
+  text-align: right;
+  font-size: 7pt;
+}
+.gruvbox-dark_aqua .content {
+  position: absolute;
+  top: 5px;
+  left: 8px;
+  font-size: 10pt;
+}
+.gruvbox-dark_aqua .color-label {
+  position: absolute;
+  bottom: 5px;
+  left: 8px;
+  font-size: 14pt;
+}
 
 .gruvbox-dark_aqua-after {
   height: 8px;
   width: 128px;
-  background-color: #1c241e; }
+  background-color: #1c241e;
+}
 
 .gruvbox-dark_aqua-xterm {
   position: relative;
-  color: #FFFFFF;
+  color: #ffffff;
   background-color: #005f5f;
-  height: 120px; }
-  .gruvbox-dark_aqua-xterm .xterm {
-    position: absolute;
-    width: 112px;
-    top: -16px;
-    right: 0px;
-    padding: 3px;
-    transform-origin: right bottom;
-    transform: rotate(270deg);
-    text-alignment: right;
-    font-size: 7pt; }
-  .gruvbox-dark_aqua-xterm .content {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-    font-size: 10pt; }
-  .gruvbox-dark_aqua-xterm .color-label {
-    position: absolute;
-    bottom: 5px;
-    left: 8px;
-    font-size: 14pt; }
+  height: 120px;
+}
+.gruvbox-dark_aqua-xterm .xterm {
+  position: absolute;
+  width: 112px;
+  top: -16px;
+  right: 0;
+  padding: 3px;
+  transform-origin: right bottom;
+  transform: rotate(270deg);
+  text-align: right;
+  font-size: 7pt;
+}
+.gruvbox-dark_aqua-xterm .content {
+  position: absolute;
+  top: 5px;
+  left: 8px;
+  font-size: 10pt;
+}
+.gruvbox-dark_aqua-xterm .color-label {
+  position: absolute;
+  bottom: 5px;
+  left: 8px;
+  font-size: 14pt;
+}
 
 .gruvbox-dark_aqua-xterm-after {
   height: 8px;
   width: 128px;
-  background-color: #002222; }
+  background-color: #002222;
+}
 
 .gruvbox-delimiter-one {
   position: relative;
-  color: #FFFFFF;
+  color: #ffffff;
   background-color: #458588;
-  height: 120px; }
-  .gruvbox-delimiter-one .xterm {
-    position: absolute;
-    width: 112px;
-    top: -16px;
-    right: 0px;
-    padding: 3px;
-    transform-origin: right bottom;
-    transform: rotate(270deg);
-    text-alignment: right;
-    font-size: 7pt; }
-  .gruvbox-delimiter-one .content {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-    font-size: 10pt; }
-  .gruvbox-delimiter-one .color-label {
-    position: absolute;
-    bottom: 5px;
-    left: 8px;
-    font-size: 14pt; }
+  height: 120px;
+}
+.gruvbox-delimiter-one .xterm {
+  position: absolute;
+  width: 112px;
+  top: -16px;
+  right: 0;
+  padding: 3px;
+  transform-origin: right bottom;
+  transform: rotate(270deg);
+  text-align: right;
+  font-size: 7pt;
+}
+.gruvbox-delimiter-one .content {
+  position: absolute;
+  top: 5px;
+  left: 8px;
+  font-size: 10pt;
+}
+.gruvbox-delimiter-one .color-label {
+  position: absolute;
+  bottom: 5px;
+  left: 8px;
+  font-size: 14pt;
+}
 
 .gruvbox-delimiter-one-after {
   height: 8px;
   width: 128px;
-  background-color: #305d5f; }
+  background-color: #305d5f;
+}
 
 .gruvbox-delimiter-one-xterm {
   position: relative;
-  color: #FFFFFF;
+  color: #ffffff;
   background-color: #008787;
-  height: 120px; }
-  .gruvbox-delimiter-one-xterm .xterm {
-    position: absolute;
-    width: 112px;
-    top: -16px;
-    right: 0px;
-    padding: 3px;
-    transform-origin: right bottom;
-    transform: rotate(270deg);
-    text-alignment: right;
-    font-size: 7pt; }
-  .gruvbox-delimiter-one-xterm .content {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-    font-size: 10pt; }
-  .gruvbox-delimiter-one-xterm .color-label {
-    position: absolute;
-    bottom: 5px;
-    left: 8px;
-    font-size: 14pt; }
+  height: 120px;
+}
+.gruvbox-delimiter-one-xterm .xterm {
+  position: absolute;
+  width: 112px;
+  top: -16px;
+  right: 0;
+  padding: 3px;
+  transform-origin: right bottom;
+  transform: rotate(270deg);
+  text-align: right;
+  font-size: 7pt;
+}
+.gruvbox-delimiter-one-xterm .content {
+  position: absolute;
+  top: 5px;
+  left: 8px;
+  font-size: 10pt;
+}
+.gruvbox-delimiter-one-xterm .color-label {
+  position: absolute;
+  bottom: 5px;
+  left: 8px;
+  font-size: 14pt;
+}
 
 .gruvbox-delimiter-one-xterm-after {
   height: 8px;
   width: 128px;
-  background-color: #004a4a; }
+  background-color: #004a4a;
+}
 
 .gruvbox-delimiter-two {
   position: relative;
   color: #000000;
   background-color: #b16286;
-  height: 120px; }
-  .gruvbox-delimiter-two .xterm {
-    position: absolute;
-    width: 112px;
-    top: -16px;
-    right: 0px;
-    padding: 3px;
-    transform-origin: right bottom;
-    transform: rotate(270deg);
-    text-alignment: right;
-    font-size: 7pt; }
-  .gruvbox-delimiter-two .content {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-    font-size: 10pt; }
-  .gruvbox-delimiter-two .color-label {
-    position: absolute;
-    bottom: 5px;
-    left: 8px;
-    font-size: 14pt; }
+  height: 120px;
+}
+.gruvbox-delimiter-two .xterm {
+  position: absolute;
+  width: 112px;
+  top: -16px;
+  right: 0;
+  padding: 3px;
+  transform-origin: right bottom;
+  transform: rotate(270deg);
+  text-align: right;
+  font-size: 7pt;
+}
+.gruvbox-delimiter-two .content {
+  position: absolute;
+  top: 5px;
+  left: 8px;
+  font-size: 10pt;
+}
+.gruvbox-delimiter-two .color-label {
+  position: absolute;
+  bottom: 5px;
+  left: 8px;
+  font-size: 14pt;
+}
 
 .gruvbox-delimiter-two-after {
   height: 8px;
   width: 128px;
-  background-color: #8f4768; }
+  background-color: #8f4768;
+}
 
 .gruvbox-delimiter-two-xterm {
   position: relative;
   color: #000000;
   background-color: #d75f87;
-  height: 120px; }
-  .gruvbox-delimiter-two-xterm .xterm {
-    position: absolute;
-    width: 112px;
-    top: -16px;
-    right: 0px;
-    padding: 3px;
-    transform-origin: right bottom;
-    transform: rotate(270deg);
-    text-alignment: right;
-    font-size: 7pt; }
-  .gruvbox-delimiter-two-xterm .content {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-    font-size: 10pt; }
-  .gruvbox-delimiter-two-xterm .color-label {
-    position: absolute;
-    bottom: 5px;
-    left: 8px;
-    font-size: 14pt; }
+  height: 120px;
+}
+.gruvbox-delimiter-two-xterm .xterm {
+  position: absolute;
+  width: 112px;
+  top: -16px;
+  right: 0;
+  padding: 3px;
+  transform-origin: right bottom;
+  transform: rotate(270deg);
+  text-align: right;
+  font-size: 7pt;
+}
+.gruvbox-delimiter-two-xterm .content {
+  position: absolute;
+  top: 5px;
+  left: 8px;
+  font-size: 10pt;
+}
+.gruvbox-delimiter-two-xterm .color-label {
+  position: absolute;
+  bottom: 5px;
+  left: 8px;
+  font-size: 14pt;
+}
 
 .gruvbox-delimiter-two-xterm-after {
   height: 8px;
   width: 128px;
-  background-color: #c73264; }
+  background-color: #c73264;
+}
 
 .gruvbox-delimiter-three {
   position: relative;
   color: #000000;
   background-color: #8ec07c;
-  height: 120px; }
-  .gruvbox-delimiter-three .xterm {
-    position: absolute;
-    width: 112px;
-    top: -16px;
-    right: 0px;
-    padding: 3px;
-    transform-origin: right bottom;
-    transform: rotate(270deg);
-    text-alignment: right;
-    font-size: 7pt; }
-  .gruvbox-delimiter-three .content {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-    font-size: 10pt; }
-  .gruvbox-delimiter-three .color-label {
-    position: absolute;
-    bottom: 5px;
-    left: 8px;
-    font-size: 14pt; }
+  height: 120px;
+}
+.gruvbox-delimiter-three .xterm {
+  position: absolute;
+  width: 112px;
+  top: -16px;
+  right: 0;
+  padding: 3px;
+  transform-origin: right bottom;
+  transform: rotate(270deg);
+  text-align: right;
+  font-size: 7pt;
+}
+.gruvbox-delimiter-three .content {
+  position: absolute;
+  top: 5px;
+  left: 8px;
+  font-size: 10pt;
+}
+.gruvbox-delimiter-three .color-label {
+  position: absolute;
+  bottom: 5px;
+  left: 8px;
+  font-size: 14pt;
+}
 
 .gruvbox-delimiter-three-after {
   height: 8px;
   width: 128px;
-  background-color: #6aac53; }
+  background-color: #6aac53;
+}
 
 .gruvbox-delimiter-three-xterm {
   position: relative;
   color: #000000;
   background-color: #87af87;
-  height: 120px; }
-  .gruvbox-delimiter-three-xterm .xterm {
-    position: absolute;
-    width: 112px;
-    top: -16px;
-    right: 0px;
-    padding: 3px;
-    transform-origin: right bottom;
-    transform: rotate(270deg);
-    text-alignment: right;
-    font-size: 7pt; }
-  .gruvbox-delimiter-three-xterm .content {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-    font-size: 10pt; }
-  .gruvbox-delimiter-three-xterm .color-label {
-    position: absolute;
-    bottom: 5px;
-    left: 8px;
-    font-size: 14pt; }
+  height: 120px;
+}
+.gruvbox-delimiter-three-xterm .xterm {
+  position: absolute;
+  width: 112px;
+  top: -16px;
+  right: 0;
+  padding: 3px;
+  transform-origin: right bottom;
+  transform: rotate(270deg);
+  text-align: right;
+  font-size: 7pt;
+}
+.gruvbox-delimiter-three-xterm .content {
+  position: absolute;
+  top: 5px;
+  left: 8px;
+  font-size: 10pt;
+}
+.gruvbox-delimiter-three-xterm .color-label {
+  position: absolute;
+  bottom: 5px;
+  left: 8px;
+  font-size: 14pt;
+}
 
 .gruvbox-delimiter-three-xterm-after {
   height: 8px;
   width: 128px;
-  background-color: #649564; }
+  background-color: #649564;
+}
 
 .gruvbox-delimiter-four {
   position: relative;
-  color: #FFFFFF;
+  color: #ffffff;
   background-color: #d65d0e;
-  height: 120px; }
-  .gruvbox-delimiter-four .xterm {
-    position: absolute;
-    width: 112px;
-    top: -16px;
-    right: 0px;
-    padding: 3px;
-    transform-origin: right bottom;
-    transform: rotate(270deg);
-    text-alignment: right;
-    font-size: 7pt; }
-  .gruvbox-delimiter-four .content {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-    font-size: 10pt; }
-  .gruvbox-delimiter-four .color-label {
-    position: absolute;
-    bottom: 5px;
-    left: 8px;
-    font-size: 14pt; }
+  height: 120px;
+}
+.gruvbox-delimiter-four .xterm {
+  position: absolute;
+  width: 112px;
+  top: -16px;
+  right: 0;
+  padding: 3px;
+  transform-origin: right bottom;
+  transform: rotate(270deg);
+  text-align: right;
+  font-size: 7pt;
+}
+.gruvbox-delimiter-four .content {
+  position: absolute;
+  top: 5px;
+  left: 8px;
+  font-size: 10pt;
+}
+.gruvbox-delimiter-four .color-label {
+  position: absolute;
+  bottom: 5px;
+  left: 8px;
+  font-size: 14pt;
+}
 
 .gruvbox-delimiter-four-after {
   height: 8px;
   width: 128px;
-  background-color: #9d440a; }
+  background-color: #9d440a;
+}
 
 .gruvbox-delimiter-four-xterm {
   position: relative;
-  color: #FFFFFF;
+  color: #ffffff;
   background-color: #d75f00;
-  height: 120px; }
-  .gruvbox-delimiter-four-xterm .xterm {
-    position: absolute;
-    width: 112px;
-    top: -16px;
-    right: 0px;
-    padding: 3px;
-    transform-origin: right bottom;
-    transform: rotate(270deg);
-    text-alignment: right;
-    font-size: 7pt; }
-  .gruvbox-delimiter-four-xterm .content {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-    font-size: 10pt; }
-  .gruvbox-delimiter-four-xterm .color-label {
-    position: absolute;
-    bottom: 5px;
-    left: 8px;
-    font-size: 14pt; }
+  height: 120px;
+}
+.gruvbox-delimiter-four-xterm .xterm {
+  position: absolute;
+  width: 112px;
+  top: -16px;
+  right: 0;
+  padding: 3px;
+  transform-origin: right bottom;
+  transform: rotate(270deg);
+  text-align: right;
+  font-size: 7pt;
+}
+.gruvbox-delimiter-four-xterm .content {
+  position: absolute;
+  top: 5px;
+  left: 8px;
+  font-size: 10pt;
+}
+.gruvbox-delimiter-four-xterm .color-label {
+  position: absolute;
+  bottom: 5px;
+  left: 8px;
+  font-size: 14pt;
+}
 
 .gruvbox-delimiter-four-xterm-after {
   height: 8px;
   width: 128px;
-  background-color: #9a4400; }
+  background-color: #9a4400;
+}
 
 .gruvbox-white {
   position: relative;
   color: #000000;
-  background-color: #FFFFFF;
-  height: 120px; }
-  .gruvbox-white .xterm {
-    position: absolute;
-    width: 112px;
-    top: -16px;
-    right: 0px;
-    padding: 3px;
-    transform-origin: right bottom;
-    transform: rotate(270deg);
-    text-alignment: right;
-    font-size: 7pt; }
-  .gruvbox-white .content {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-    font-size: 10pt; }
-  .gruvbox-white .color-label {
-    position: absolute;
-    bottom: 5px;
-    left: 8px;
-    font-size: 14pt; }
+  background-color: #ffffff;
+  height: 120px;
+}
+.gruvbox-white .xterm {
+  position: absolute;
+  width: 112px;
+  top: -16px;
+  right: 0;
+  padding: 3px;
+  transform-origin: right bottom;
+  transform: rotate(270deg);
+  text-align: right;
+  font-size: 7pt;
+}
+.gruvbox-white .content {
+  position: absolute;
+  top: 5px;
+  left: 8px;
+  font-size: 10pt;
+}
+.gruvbox-white .color-label {
+  position: absolute;
+  bottom: 5px;
+  left: 8px;
+  font-size: 14pt;
+}
 
 .gruvbox-white-after {
   height: 8px;
   width: 128px;
-  background-color: #e0e0e0; }
+  background-color: #e0e0e0;
+}
 
 .gruvbox-white-xterm {
   position: relative;
   color: #000000;
-  background-color: #FFFFFF;
-  height: 120px; }
-  .gruvbox-white-xterm .xterm {
-    position: absolute;
-    width: 112px;
-    top: -16px;
-    right: 0px;
-    padding: 3px;
-    transform-origin: right bottom;
-    transform: rotate(270deg);
-    text-alignment: right;
-    font-size: 7pt; }
-  .gruvbox-white-xterm .content {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-    font-size: 10pt; }
-  .gruvbox-white-xterm .color-label {
-    position: absolute;
-    bottom: 5px;
-    left: 8px;
-    font-size: 14pt; }
+  background-color: #ffffff;
+  height: 120px;
+}
+.gruvbox-white-xterm .xterm {
+  position: absolute;
+  width: 112px;
+  top: -16px;
+  right: 0;
+  padding: 3px;
+  transform-origin: right bottom;
+  transform: rotate(270deg);
+  text-align: right;
+  font-size: 7pt;
+}
+.gruvbox-white-xterm .content {
+  position: absolute;
+  top: 5px;
+  left: 8px;
+  font-size: 10pt;
+}
+.gruvbox-white-xterm .color-label {
+  position: absolute;
+  bottom: 5px;
+  left: 8px;
+  font-size: 14pt;
+}
 
 .gruvbox-white-xterm-after {
   height: 8px;
   width: 128px;
-  background-color: #e0e0e0; }
+  background-color: #e0e0e0;
+}
 
 .gruvbox-black {
   position: relative;
-  color: #FFFFFF;
+  color: #ffffff;
   background-color: #000000;
-  height: 120px; }
-  .gruvbox-black .xterm {
-    position: absolute;
-    width: 112px;
-    top: -16px;
-    right: 0px;
-    padding: 3px;
-    transform-origin: right bottom;
-    transform: rotate(270deg);
-    text-alignment: right;
-    font-size: 7pt; }
-  .gruvbox-black .content {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-    font-size: 10pt; }
-  .gruvbox-black .color-label {
-    position: absolute;
-    bottom: 5px;
-    left: 8px;
-    font-size: 14pt; }
+  height: 120px;
+}
+.gruvbox-black .xterm {
+  position: absolute;
+  width: 112px;
+  top: -16px;
+  right: 0;
+  padding: 3px;
+  transform-origin: right bottom;
+  transform: rotate(270deg);
+  text-align: right;
+  font-size: 7pt;
+}
+.gruvbox-black .content {
+  position: absolute;
+  top: 5px;
+  left: 8px;
+  font-size: 10pt;
+}
+.gruvbox-black .color-label {
+  position: absolute;
+  bottom: 5px;
+  left: 8px;
+  font-size: 14pt;
+}
 
 .gruvbox-black-after {
   height: 8px;
   width: 128px;
-  background-color: black; }
+  background-color: black;
+}
 
 .gruvbox-black-xterm {
   position: relative;
-  color: #FFFFFF;
+  color: #ffffff;
   background-color: #000000;
-  height: 120px; }
-  .gruvbox-black-xterm .xterm {
-    position: absolute;
-    width: 112px;
-    top: -16px;
-    right: 0px;
-    padding: 3px;
-    transform-origin: right bottom;
-    transform: rotate(270deg);
-    text-alignment: right;
-    font-size: 7pt; }
-  .gruvbox-black-xterm .content {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-    font-size: 10pt; }
-  .gruvbox-black-xterm .color-label {
-    position: absolute;
-    bottom: 5px;
-    left: 8px;
-    font-size: 14pt; }
+  height: 120px;
+}
+.gruvbox-black-xterm .xterm {
+  position: absolute;
+  width: 112px;
+  top: -16px;
+  right: 0;
+  padding: 3px;
+  transform-origin: right bottom;
+  transform: rotate(270deg);
+  text-align: right;
+  font-size: 7pt;
+}
+.gruvbox-black-xterm .content {
+  position: absolute;
+  top: 5px;
+  left: 8px;
+  font-size: 10pt;
+}
+.gruvbox-black-xterm .color-label {
+  position: absolute;
+  bottom: 5px;
+  left: 8px;
+  font-size: 14pt;
+}
 
 .gruvbox-black-xterm-after {
   height: 8px;
   width: 128px;
-  background-color: black; }
+  background-color: black;
+}
 
 .gruvbox-sienna {
   position: relative;
   color: #000000;
-  background-color: #DD6F48;
-  height: 120px; }
-  .gruvbox-sienna .xterm {
-    position: absolute;
-    width: 112px;
-    top: -16px;
-    right: 0px;
-    padding: 3px;
-    transform-origin: right bottom;
-    transform: rotate(270deg);
-    text-alignment: right;
-    font-size: 7pt; }
-  .gruvbox-sienna .content {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-    font-size: 10pt; }
-  .gruvbox-sienna .color-label {
-    position: absolute;
-    bottom: 5px;
-    left: 8px;
-    font-size: 14pt; }
+  background-color: #dd6f48;
+  height: 120px;
+}
+.gruvbox-sienna .xterm {
+  position: absolute;
+  width: 112px;
+  top: -16px;
+  right: 0;
+  padding: 3px;
+  transform-origin: right bottom;
+  transform: rotate(270deg);
+  text-align: right;
+  font-size: 7pt;
+}
+.gruvbox-sienna .content {
+  position: absolute;
+  top: 5px;
+  left: 8px;
+  font-size: 10pt;
+}
+.gruvbox-sienna .color-label {
+  position: absolute;
+  bottom: 5px;
+  left: 8px;
+  font-size: 14pt;
+}
 
 .gruvbox-sienna-after {
   height: 8px;
   width: 128px;
-  background-color: #c34e24; }
+  background-color: #c34e24;
+}
 
 .gruvbox-sienna-xterm {
   position: relative;
   color: #000000;
   background-color: #d7875f;
-  height: 120px; }
-  .gruvbox-sienna-xterm .xterm {
-    position: absolute;
-    width: 112px;
-    top: -16px;
-    right: 0px;
-    padding: 3px;
-    transform-origin: right bottom;
-    transform: rotate(270deg);
-    text-alignment: right;
-    font-size: 7pt; }
-  .gruvbox-sienna-xterm .content {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-    font-size: 10pt; }
-  .gruvbox-sienna-xterm .color-label {
-    position: absolute;
-    bottom: 5px;
-    left: 8px;
-    font-size: 14pt; }
+  height: 120px;
+}
+.gruvbox-sienna-xterm .xterm {
+  position: absolute;
+  width: 112px;
+  top: -16px;
+  right: 0;
+  padding: 3px;
+  transform-origin: right bottom;
+  transform: rotate(270deg);
+  text-align: right;
+  font-size: 7pt;
+}
+.gruvbox-sienna-xterm .content {
+  position: absolute;
+  top: 5px;
+  left: 8px;
+  font-size: 10pt;
+}
+.gruvbox-sienna-xterm .color-label {
+  position: absolute;
+  bottom: 5px;
+  left: 8px;
+  font-size: 14pt;
+}
 
 .gruvbox-sienna-xterm-after {
   height: 8px;
   width: 128px;
-  background-color: #c76432; }
+  background-color: #c76432;
+}
 
 .gruvbox-darkslategray4 {
   position: relative;
-  color: #FFFFFF;
-  background-color: #528B8B;
-  height: 120px; }
-  .gruvbox-darkslategray4 .xterm {
-    position: absolute;
-    width: 112px;
-    top: -16px;
-    right: 0px;
-    padding: 3px;
-    transform-origin: right bottom;
-    transform: rotate(270deg);
-    text-alignment: right;
-    font-size: 7pt; }
-  .gruvbox-darkslategray4 .content {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-    font-size: 10pt; }
-  .gruvbox-darkslategray4 .color-label {
-    position: absolute;
-    bottom: 5px;
-    left: 8px;
-    font-size: 14pt; }
+  color: #ffffff;
+  background-color: #528b8b;
+  height: 120px;
+}
+.gruvbox-darkslategray4 .xterm {
+  position: absolute;
+  width: 112px;
+  top: -16px;
+  right: 0;
+  padding: 3px;
+  transform-origin: right bottom;
+  transform: rotate(270deg);
+  text-align: right;
+  font-size: 7pt;
+}
+.gruvbox-darkslategray4 .content {
+  position: absolute;
+  top: 5px;
+  left: 8px;
+  font-size: 10pt;
+}
+.gruvbox-darkslategray4 .color-label {
+  position: absolute;
+  bottom: 5px;
+  left: 8px;
+  font-size: 14pt;
+}
 
 .gruvbox-darkslategray4-after {
   height: 8px;
   width: 128px;
-  background-color: #3b6565; }
+  background-color: #3b6565;
+}
 
 .gruvbox-darkslategray4-xterm {
   position: relative;
-  color: #FFFFFF;
+  color: #ffffff;
   background-color: #5f8787;
-  height: 120px; }
-  .gruvbox-darkslategray4-xterm .xterm {
-    position: absolute;
-    width: 112px;
-    top: -16px;
-    right: 0px;
-    padding: 3px;
-    transform-origin: right bottom;
-    transform: rotate(270deg);
-    text-alignment: right;
-    font-size: 7pt; }
-  .gruvbox-darkslategray4-xterm .content {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-    font-size: 10pt; }
-  .gruvbox-darkslategray4-xterm .color-label {
-    position: absolute;
-    bottom: 5px;
-    left: 8px;
-    font-size: 14pt; }
+  height: 120px;
+}
+.gruvbox-darkslategray4-xterm .xterm {
+  position: absolute;
+  width: 112px;
+  top: -16px;
+  right: 0;
+  padding: 3px;
+  transform-origin: right bottom;
+  transform: rotate(270deg);
+  text-align: right;
+  font-size: 7pt;
+}
+.gruvbox-darkslategray4-xterm .content {
+  position: absolute;
+  top: 5px;
+  left: 8px;
+  font-size: 10pt;
+}
+.gruvbox-darkslategray4-xterm .color-label {
+  position: absolute;
+  bottom: 5px;
+  left: 8px;
+  font-size: 14pt;
+}
 
 .gruvbox-darkslategray4-xterm-after {
   height: 8px;
   width: 128px;
-  background-color: #466363; }
+  background-color: #466363;
+}
 
 .gruvbox-lightblue4 {
   position: relative;
   color: #000000;
-  background-color: #66999D;
-  height: 120px; }
-  .gruvbox-lightblue4 .xterm {
-    position: absolute;
-    width: 112px;
-    top: -16px;
-    right: 0px;
-    padding: 3px;
-    transform-origin: right bottom;
-    transform: rotate(270deg);
-    text-alignment: right;
-    font-size: 7pt; }
-  .gruvbox-lightblue4 .content {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-    font-size: 10pt; }
-  .gruvbox-lightblue4 .color-label {
-    position: absolute;
-    bottom: 5px;
-    left: 8px;
-    font-size: 14pt; }
+  background-color: #66999d;
+  height: 120px;
+}
+.gruvbox-lightblue4 .xterm {
+  position: absolute;
+  width: 112px;
+  top: -16px;
+  right: 0;
+  padding: 3px;
+  transform-origin: right bottom;
+  transform: rotate(270deg);
+  text-align: right;
+  font-size: 7pt;
+}
+.gruvbox-lightblue4 .content {
+  position: absolute;
+  top: 5px;
+  left: 8px;
+  font-size: 10pt;
+}
+.gruvbox-lightblue4 .color-label {
+  position: absolute;
+  bottom: 5px;
+  left: 8px;
+  font-size: 14pt;
+}
 
 .gruvbox-lightblue4-after {
   height: 8px;
   width: 128px;
-  background-color: #4d7579; }
+  background-color: #4d7579;
+}
 
 .gruvbox-lightblue4-xterm {
   position: relative;
   color: #000000;
   background-color: #5fafaf;
-  height: 120px; }
-  .gruvbox-lightblue4-xterm .xterm {
-    position: absolute;
-    width: 112px;
-    top: -16px;
-    right: 0px;
-    padding: 3px;
-    transform-origin: right bottom;
-    transform: rotate(270deg);
-    text-alignment: right;
-    font-size: 7pt; }
-  .gruvbox-lightblue4-xterm .content {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-    font-size: 10pt; }
-  .gruvbox-lightblue4-xterm .color-label {
-    position: absolute;
-    bottom: 5px;
-    left: 8px;
-    font-size: 14pt; }
+  height: 120px;
+}
+.gruvbox-lightblue4-xterm .xterm {
+  position: absolute;
+  width: 112px;
+  top: -16px;
+  right: 0;
+  padding: 3px;
+  transform-origin: right bottom;
+  transform: rotate(270deg);
+  text-align: right;
+  font-size: 7pt;
+}
+.gruvbox-lightblue4-xterm .content {
+  position: absolute;
+  top: 5px;
+  left: 8px;
+  font-size: 10pt;
+}
+.gruvbox-lightblue4-xterm .color-label {
+  position: absolute;
+  bottom: 5px;
+  left: 8px;
+  font-size: 14pt;
+}
 
 .gruvbox-lightblue4-xterm-after {
   height: 8px;
   width: 128px;
-  background-color: #468b8b; }
+  background-color: #468b8b;
+}
 
 .gruvbox-burlywood4 {
   position: relative;
   color: #000000;
-  background-color: #BBAA97;
-  height: 120px; }
-  .gruvbox-burlywood4 .xterm {
-    position: absolute;
-    width: 112px;
-    top: -16px;
-    right: 0px;
-    padding: 3px;
-    transform-origin: right bottom;
-    transform: rotate(270deg);
-    text-alignment: right;
-    font-size: 7pt; }
-  .gruvbox-burlywood4 .content {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-    font-size: 10pt; }
-  .gruvbox-burlywood4 .color-label {
-    position: absolute;
-    bottom: 5px;
-    left: 8px;
-    font-size: 14pt; }
+  background-color: #bbaa97;
+  height: 120px;
+}
+.gruvbox-burlywood4 .xterm {
+  position: absolute;
+  width: 112px;
+  top: -16px;
+  right: 0;
+  padding: 3px;
+  transform-origin: right bottom;
+  transform: rotate(270deg);
+  text-align: right;
+  font-size: 7pt;
+}
+.gruvbox-burlywood4 .content {
+  position: absolute;
+  top: 5px;
+  left: 8px;
+  font-size: 10pt;
+}
+.gruvbox-burlywood4 .color-label {
+  position: absolute;
+  bottom: 5px;
+  left: 8px;
+  font-size: 14pt;
+}
 
 .gruvbox-burlywood4-after {
   height: 8px;
   width: 128px;
-  background-color: #a38c72; }
+  background-color: #a38c72;
+}
 
 .gruvbox-burlywood4-xterm {
   position: relative;
   color: #000000;
   background-color: #afaf87;
-  height: 120px; }
-  .gruvbox-burlywood4-xterm .xterm {
-    position: absolute;
-    width: 112px;
-    top: -16px;
-    right: 0px;
-    padding: 3px;
-    transform-origin: right bottom;
-    transform: rotate(270deg);
-    text-alignment: right;
-    font-size: 7pt; }
-  .gruvbox-burlywood4-xterm .content {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-    font-size: 10pt; }
-  .gruvbox-burlywood4-xterm .color-label {
-    position: absolute;
-    bottom: 5px;
-    left: 8px;
-    font-size: 14pt; }
+  height: 120px;
+}
+.gruvbox-burlywood4-xterm .xterm {
+  position: absolute;
+  width: 112px;
+  top: -16px;
+  right: 0;
+  padding: 3px;
+  transform-origin: right bottom;
+  transform: rotate(270deg);
+  text-align: right;
+  font-size: 7pt;
+}
+.gruvbox-burlywood4-xterm .content {
+  position: absolute;
+  top: 5px;
+  left: 8px;
+  font-size: 10pt;
+}
+.gruvbox-burlywood4-xterm .color-label {
+  position: absolute;
+  bottom: 5px;
+  left: 8px;
+  font-size: 14pt;
+}
 
 .gruvbox-burlywood4-xterm-after {
   height: 8px;
   width: 128px;
-  background-color: #959564; }
+  background-color: #959564;
+}
 
 .gruvbox-aquamarine4 {
   position: relative;
   color: #000000;
-  background-color: #83A598;
-  height: 120px; }
-  .gruvbox-aquamarine4 .xterm {
-    position: absolute;
-    width: 112px;
-    top: -16px;
-    right: 0px;
-    padding: 3px;
-    transform-origin: right bottom;
-    transform: rotate(270deg);
-    text-alignment: right;
-    font-size: 7pt; }
-  .gruvbox-aquamarine4 .content {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-    font-size: 10pt; }
-  .gruvbox-aquamarine4 .color-label {
-    position: absolute;
-    bottom: 5px;
-    left: 8px;
-    font-size: 14pt; }
+  background-color: #83a598;
+  height: 120px;
+}
+.gruvbox-aquamarine4 .xterm {
+  position: absolute;
+  width: 112px;
+  top: -16px;
+  right: 0;
+  padding: 3px;
+  transform-origin: right bottom;
+  transform: rotate(270deg);
+  text-align: right;
+  font-size: 7pt;
+}
+.gruvbox-aquamarine4 .content {
+  position: absolute;
+  top: 5px;
+  left: 8px;
+  font-size: 10pt;
+}
+.gruvbox-aquamarine4 .color-label {
+  position: absolute;
+  bottom: 5px;
+  left: 8px;
+  font-size: 14pt;
+}
 
 .gruvbox-aquamarine4-after {
   height: 8px;
   width: 128px;
-  background-color: #63887a; }
+  background-color: #63887a;
+}
 
 .gruvbox-aquamarine4-xterm {
   position: relative;
   color: #000000;
   background-color: #87af87;
-  height: 120px; }
-  .gruvbox-aquamarine4-xterm .xterm {
-    position: absolute;
-    width: 112px;
-    top: -16px;
-    right: 0px;
-    padding: 3px;
-    transform-origin: right bottom;
-    transform: rotate(270deg);
-    text-alignment: right;
-    font-size: 7pt; }
-  .gruvbox-aquamarine4-xterm .content {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-    font-size: 10pt; }
-  .gruvbox-aquamarine4-xterm .color-label {
-    position: absolute;
-    bottom: 5px;
-    left: 8px;
-    font-size: 14pt; }
+  height: 120px;
+}
+.gruvbox-aquamarine4-xterm .xterm {
+  position: absolute;
+  width: 112px;
+  top: -16px;
+  right: 0;
+  padding: 3px;
+  transform-origin: right bottom;
+  transform: rotate(270deg);
+  text-align: right;
+  font-size: 7pt;
+}
+.gruvbox-aquamarine4-xterm .content {
+  position: absolute;
+  top: 5px;
+  left: 8px;
+  font-size: 10pt;
+}
+.gruvbox-aquamarine4-xterm .color-label {
+  position: absolute;
+  bottom: 5px;
+  left: 8px;
+  font-size: 14pt;
+}
 
 .gruvbox-aquamarine4-xterm-after {
   height: 8px;
   width: 128px;
-  background-color: #649564; }
+  background-color: #649564;
+}
 
 .gruvbox-turquoise4 {
   position: relative;
   color: #000000;
-  background-color: #61ACBB;
-  height: 120px; }
-  .gruvbox-turquoise4 .xterm {
-    position: absolute;
-    width: 112px;
-    top: -16px;
-    right: 0px;
-    padding: 3px;
-    transform-origin: right bottom;
-    transform: rotate(270deg);
-    text-alignment: right;
-    font-size: 7pt; }
-  .gruvbox-turquoise4 .content {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-    font-size: 10pt; }
-  .gruvbox-turquoise4 .color-label {
-    position: absolute;
-    bottom: 5px;
-    left: 8px;
-    font-size: 14pt; }
+  background-color: #61acbb;
+  height: 120px;
+}
+.gruvbox-turquoise4 .xterm {
+  position: absolute;
+  width: 112px;
+  top: -16px;
+  right: 0;
+  padding: 3px;
+  transform-origin: right bottom;
+  transform: rotate(270deg);
+  text-align: right;
+  font-size: 7pt;
+}
+.gruvbox-turquoise4 .content {
+  position: absolute;
+  top: 5px;
+  left: 8px;
+  font-size: 10pt;
+}
+.gruvbox-turquoise4 .color-label {
+  position: absolute;
+  bottom: 5px;
+  left: 8px;
+  font-size: 14pt;
+}
 
 .gruvbox-turquoise4-after {
   height: 8px;
   width: 128px;
-  background-color: #438d9c; }
+  background-color: #438d9c;
+}
 
 .gruvbox-turquoise4-xterm {
   position: relative;
   color: #000000;
   background-color: #5fafaf;
-  height: 120px; }
-  .gruvbox-turquoise4-xterm .xterm {
-    position: absolute;
-    width: 112px;
-    top: -16px;
-    right: 0px;
-    padding: 3px;
-    transform-origin: right bottom;
-    transform: rotate(270deg);
-    text-alignment: right;
-    font-size: 7pt; }
-  .gruvbox-turquoise4-xterm .content {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-    font-size: 10pt; }
-  .gruvbox-turquoise4-xterm .color-label {
-    position: absolute;
-    bottom: 5px;
-    left: 8px;
-    font-size: 14pt; }
+  height: 120px;
+}
+.gruvbox-turquoise4-xterm .xterm {
+  position: absolute;
+  width: 112px;
+  top: -16px;
+  right: 0;
+  padding: 3px;
+  transform-origin: right bottom;
+  transform: rotate(270deg);
+  text-align: right;
+  font-size: 7pt;
+}
+.gruvbox-turquoise4-xterm .content {
+  position: absolute;
+  top: 5px;
+  left: 8px;
+  font-size: 10pt;
+}
+.gruvbox-turquoise4-xterm .color-label {
+  position: absolute;
+  bottom: 5px;
+  left: 8px;
+  font-size: 14pt;
+}
 
 .gruvbox-turquoise4-xterm-after {
   height: 8px;
   width: 128px;
-  background-color: #468b8b; }
+  background-color: #468b8b;
+}
 
 .separator {
   clear: left;
-  height: 0px;
-  width: 100%; }
+  height: 0;
+  width: 100%;
+}
 
 .group-separator {
   clear: left;
@@ -3204,6 +3727,7 @@ h5 {
   border-bottom-color: rgba(0, 0, 0, 0.1);
   border-bottom-width: 1px;
   border-bottom-style: solid;
-  margin-bottom: 10px; }
+  margin-bottom: 10px;
+}
 
 /*# sourceMappingURL=gruvbox-theme-colors.css.map */
diff --git a/palette/gruvbox-theme-colors.css.map 
b/palette/gruvbox-theme-colors.css.map
index 15bb20a5be..4b720a4383 100644
--- a/palette/gruvbox-theme-colors.css.map
+++ b/palette/gruvbox-theme-colors.css.map
@@ -1,7 +1,7 @@
 {
 "version": 3,
-"mappings": 
"AA4HA,IAAK;EACH,WAAW,EAAE,wBAAwB;EACrC,WAAW,EAAE,OAAO;EACpB,gBAAgB,EAAE,WAAa;;AAGjC,kBAAmB;EACjB,WAAW,EAAE,OAAO;EACpB,MAAM,EAAE,CAAC;EACT,aAAa,EAAE,GAAG;;AAYlB,EAAS;EACP,SAAS,EATP,IAAI;;AAQR,EAAS;EACP,SAAS,EARP,IAAI;;AAOR,EAAS;EACP,SAAS,EAPP,IAAI;;AAMR,EAAS;EACP,SAAS,EANP,IAAI;;AAKR,EAAS;EACP,SAAS,EALP,IAAI;;AASV,eAAgB;EACd,KAAK,EA9BQ,KAAK;EA+BlB,MAAM,EA9BQ,KAAK;EA+BnB,SAAS,EAAE,IAAI;EACf,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,WAAW;;AAInB,mBAAU;EACR,QAAQ,EAAE,QAAQ;EAClB,KAAK,EAvDD,OA
 [...]
-"sources": ["gruvbox-theme-colors.scss"],
+"mappings": 
"AAmBA,IAAK;EACH,WAAW,EAAE,wBAAwB;EACrC,WAAW,EAAE,OAAO;EACpB,gBAAgB,EAAE,WAAgB;;;AAGpC;;;;EAIG;EACD,WAAW,EAAE,OAAO;EACpB,MAAM,EAAE,CAAC;EACT,aAAa,EAAE,GAAG;;;AAYlB,EAAS;EACP,SAAS,EATP,IAAI;;;AAQR,EAAS;EACP,SAAS,EARP,IAAI;;;AAOR,EAAS;EACP,SAAS,EAPP,IAAI;;;AAMR,EAAS;EACP,SAAS,EANP,IAAI;;;AAKR,EAAS;EACP,SAAS,EALP,IAAI;;;AASV,eAAgB;EACd,KAAK,EAlCQ,KAAK;EAmClB,MAAM,EAlCQ,KAAK;EAmCnB,SAAS,EAAE,IAAI;EACf,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,WAAW;;;AAInB,mBAAU;EACR,QAAQ,EAAE,QAAQ;EAClB,KAAK
 [...]
+"sources": 
["_gruvbox-theme-colors-components.scss","_gruvbox-theme-colors-dark-palette.scss"],
 "names": [],
 "file": "gruvbox-theme-colors.css"
-}
\ No newline at end of file
+}
diff --git a/palette/gruvbox-theme-colors.scss 
b/palette/gruvbox-theme-colors.scss
index 88473b01dd..d2358d3739 100644
--- a/palette/gruvbox-theme-colors.scss
+++ b/palette/gruvbox-theme-colors.scss
@@ -1,210 +1,2 @@
-$gruvbox-palette: (
-  gruvbox-dark0_hard:             #1d2021,
-  gruvbox-dark0_hard-xterm:       #1c1c1c,
-  gruvbox-dark0:                  #282828,
-  gruvbox-dark0-xterm:            #262626,
-  gruvbox-dark0_soft:             #32302f,
-  gruvbox-dark0_soft-xterm:       #303030,
-  gruvbox-dark1:                  #3c3836,
-  gruvbox-dark1-xterm:            #3a3a3a,
-  gruvbox-dark2:                  #504945,
-  gruvbox-dark2-xterm:            #4e4e4e,
-  gruvbox-dark3:                  #665c54,
-  gruvbox-dark3-xterm:            #626262,
-  gruvbox-dark4:                  #7c6f64,
-  gruvbox-dark4-xterm:            #767676,
-  gruvbox-gray:                   #928374,
-  gruvbox-gray-xterm:             #8a8a8a,
-  gruvbox-light0_hard:            #ffffc8,
-  gruvbox-light0_hard-xterm:      #ffffd7,
-  gruvbox-light0:                 #fdf4c1,
-  gruvbox-light0-xterm:           #ffffaf,
-  gruvbox-light0_soft:            #f4e8ba,
-  gruvbox-light0_soft-xterm:      #ffdfaf,
-  gruvbox-light1:                 #ebdbb2,
-  gruvbox-light1-xterm:           #ffdfaf,
-  gruvbox-light2:                 #d5c4a1,
-  gruvbox-light2-xterm:           #bcbcbc,
-  gruvbox-light3:                 #bdae93,
-  gruvbox-light3-xterm:           #a8a8a8,
-  gruvbox-light4:                 #a89984,
-  gruvbox-light4-xterm:           #949494,
-  gruvbox-bright_red:             #fb4933,
-  gruvbox-bright_red-xterm:       #d75f5f,
-  gruvbox-bright_green:           #b8bb26,
-  gruvbox-bright_green-xterm:     #afaf00,
-  gruvbox-bright_yellow:          #fabd2f,
-  gruvbox-bright_yellow-xterm:    #ffaf00,
-  gruvbox-bright_blue:            #83a598,
-  gruvbox-bright_blue-xterm:      #87afaf,
-  gruvbox-bright_purple:          #d3869b,
-  gruvbox-bright_purple-xterm:    #d787af,
-  gruvbox-bright_aqua:            #8ec07c,
-  gruvbox-bright_aqua-xterm:      #87af87,
-  gruvbox-bright_orange:          #fe8019,
-  gruvbox-bright_orange-xterm:    #ff8700,
-  gruvbox-neutral_red:            #fb4934,
-  gruvbox-neutral_red-xterm:      #d75f5f,
-  gruvbox-neutral_green:          #b8bb26,
-  gruvbox-neutral_green-xterm:    #afaf00,
-  gruvbox-neutral_yellow:         #fabd2f,
-  gruvbox-neutral_yellow-xterm:   #ffaf00,
-  gruvbox-neutral_blue:           #83a598,
-  gruvbox-neutral_blue-xterm:     #87afaf,
-  gruvbox-neutral_purple:         #d3869b,
-  gruvbox-neutral_purple-xterm:   #d787af,
-  gruvbox-neutral_aqua:           #8ec07c,
-  gruvbox-neutral_aqua-xterm:     #87af87,
-  gruvbox-neutral_orange:         #fe8019,
-  gruvbox-neutral_orange-xterm:   #ff8700,
-  gruvbox-faded_red:              #9d0006,
-  gruvbox-faded_red-xterm:        #870000,
-  gruvbox-faded_green:            #79740e,
-  gruvbox-faded_green-xterm:      #878700,
-  gruvbox-faded_yellow:           #b57614,
-  gruvbox-faded_yellow-xterm:     #af8700,
-  gruvbox-faded_blue:             #076678,
-  gruvbox-faded_blue-xterm:       #005f87,
-  gruvbox-faded_purple:           #8f3f71,
-  gruvbox-faded_purple-xterm:     #875f87,
-  gruvbox-faded_aqua:             #427b58,
-  gruvbox-faded_aqua-xterm:       #5f8787,
-  gruvbox-faded_orange:           #af3a03,
-  gruvbox-faded_orange-xterm:     #af5f00,
-  gruvbox-dark_red:               #421E1E,
-  gruvbox-dark_red-xterm:         #5f0000,
-  gruvbox-dark_blue:              #2B3C44,
-  gruvbox-dark_blue-xterm:        #000087,
-  gruvbox-dark_aqua:              #36473A,
-  gruvbox-dark_aqua-xterm:        #005f5f,
-  gruvbox-delimiter-one:          #458588,
-  gruvbox-delimiter-one-xterm:    #008787,
-  gruvbox-delimiter-two:          #b16286,
-  gruvbox-delimiter-two-xterm:    #d75f87,
-  gruvbox-delimiter-three:        #8ec07c,
-  gruvbox-delimiter-three-xterm:  #87af87,
-  gruvbox-delimiter-four:         #d65d0e,
-  gruvbox-delimiter-four-xterm:   #d75f00,
-  gruvbox-white:                  #FFFFFF,
-  gruvbox-white-xterm:            #FFFFFF,
-  gruvbox-black:                  #000000,
-  gruvbox-black-xterm:            #000000,
-  gruvbox-sienna:                 #DD6F48,
-  gruvbox-sienna-xterm:           #d7875f,
-  gruvbox-darkslategray4:         #528B8B,
-  gruvbox-darkslategray4-xterm:   #5f8787,
-  gruvbox-lightblue4:             #66999D,
-  gruvbox-lightblue4-xterm:       #5fafaf,
-  gruvbox-burlywood4:             #BBAA97,
-  gruvbox-burlywood4-xterm:       #afaf87,
-  gruvbox-aquamarine4:            #83A598,
-  gruvbox-aquamarine4-xterm:      #87af87,
-  gruvbox-turquoise4:             #61ACBB,
-  gruvbox-turquoise4-xterm:       #5fafaf,
-);
-
-$dark: #000000;
-$light: #FFFFFF;
-
-@function contrast-foreground($color) {
-  $color-brightness: lightness($color);
-  $dark-text-brightness: lightness($dark);
-  $light-text-brightness: lightness($light);
-  @return if(abs($color-brightness - $light-text-brightness) > 
abs($color-brightness - $dark-text-brightness),
-             $light,
-             $dark);
-}
-
-@function bottom-bar-color($color) {
-  @return  darken($color, 12%);
-}
-
-$swatch-width: 128px;
-$swatch-height: 128px;
-
-body {
-  font-family: "SauceCodePro Nerd Font";
-  font-weight: lighter;
-  background-color: rgba(0,0,0,0);
-}
-
-h1, h2, h3, h4, h5 {
-  font-weight: lighter;
-  margin: 0;
-  margin-bottom: 3px;
-}
-
-$heads: (
-  h1: 42pt,
-  h2: 38pt,
-  h3: 28pt,
-  h4: 18pt,
-  h5: 14pt
-);
-
-@each $head, $size in $heads {
-  #{$head} {
-    font-size: $size;
-  }
-}
-
-.gruvbox-swatch {
-  width: $swatch-width;
-  height: $swatch-height;
-  font-size: 10pt;
-  float: left;
-  margin: 1px 1px 0 0;
-}
-
-@each $name, $color in $gruvbox-palette {
-  .#{$name} {
-    position: relative;
-    color: contrast-foreground($color);
-    background-color: $color;
-    height: $swatch-height - 8px;
-    .xterm {
-      position: absolute;
-      width: 112px;
-      top: -16px;
-      right: 0px;
-      padding: 3px;
-      transform-origin: right bottom;
-      transform: rotate(270deg);
-      text-alignment: right;
-      font-size: 7pt;
-    }
-    .content {
-      position: absolute;
-      top: 5px;
-      left: 8px;
-      font-size: 10pt;
-    }
-    .color-label {
-      position: absolute;
-      bottom: 5px;
-      left: 8px;
-      font-size: 14pt;
-    }
-  }
-  .#{$name}-after {
-    height: 8px;
-    width: $swatch-width;
-    background-color: bottom-bar-color($color);
-  }
-}
-
-.separator {
-  clear: left;
-  height: 0px;
-  width: 100%;
-}
-
-.group-separator {
-  clear: left;
-  height: 10px;
-  width: 100%;
-  border-bottom-color: rgba(0,0,0,0.1);
-  border-bottom-width: 1px;
-  border-bottom-style: solid;
-  margin-bottom: 10px;
-}
+@import "_gruvbox-theme-colors-dark-palette";
+@import "_gruvbox-theme-colors-components";
diff --git a/palette/index.html b/palette/index.html
index f73b7cbc28..9856fbb1f3 100644
--- a/palette/index.html
+++ b/palette/index.html
@@ -11,7 +11,6 @@
     <body>
       <div id="app">
         <h1>GRUVBOX // Emacs</h1>
-        <h4>PALETTE</h4>
         <div v-for="paletteGroup in paletteGroups">
           <palette-group v-bind:title="paletteGroup.title"
                          v-bind:prefix="paletteGroup.prefix"
diff --git a/palette/js/main.js b/palette/js/main.js
index 2e2ec4b9a2..7a197cdcd3 100644
--- a/palette/js/main.js
+++ b/palette/js/main.js
@@ -1,111 +1,60 @@
 var palette = {
-  'dark0_hard':            "#1d2021",
-  'dark0_hard-xterm':      "#1c1c1c",
-  'dark0':                 "#282828",
-  'dark0-xterm':           "#262626",
-  'dark0_soft':            "#32302f",
-  'dark0_soft-xterm':      "#303030",
-  'dark1':                 "#3c3836",
-  'dark1-xterm':           "#3a3a3a",
-  'dark2':                 "#504945",
-  'dark2-xterm':           "#4e4e4e",
-  'dark3':                 "#665c54",
-  'dark3-xterm':           "#626262",
-  'dark4':                 "#7c6f64",
-  'dark4-xterm':           "#767676",
-  'gray':                  "#928374",
-  'gray-xterm':            "#8a8a8a",
-  'light0_hard':           "#ffffc8",
-  'light0_hard-xterm':     "#ffffd7",
-  'light0':                "#fdf4c1",
-  'light0-xterm':          "#ffffaf",
-  'light0_soft':           "#f4e8ba",
-  'light0_soft-xterm':     "#ffdfaf",
-  'light1':                "#ebdbb2",
-  'light1-xterm':          "#ffdfaf",
-  'light2':                "#d5c4a1",
-  'light2-xterm':          "#bcbcbc",
-  'light3':                "#bdae93",
-  'light3-xterm':          "#a8a8a8",
-  'light4':                "#a89984",
-  'light4-xterm':          "#949494",
-  'bright_red':            "#fb4933",
-  'bright_red-xterm':      "#d75f5f",
-  'bright_green':          "#b8bb26",
-  'bright_green-xterm':    "#afaf00",
-  'bright_yellow':         "#fabd2f",
-  'bright_yellow-xterm':   "#ffaf00",
-  'bright_blue':           "#83a598",
-  'bright_blue-xterm':     "#87afaf",
-  'bright_purple':         "#d3869b",
-  'bright_purple-xterm':   "#d787af",
-  'bright_aqua':           "#8ec07c",
-  'bright_aqua-xterm':     "#87af87",
-  'bright_orange':         "#fe8019",
-  'bright_orange-xterm':   "#ff8700",
-  'neutral_red':           "#fb4934",
-  'neutral_red-xterm':     "#d75f5f",
-  'neutral_green':         "#b8bb26",
-  'neutral_green-xterm':   "#afaf00",
-  'neutral_yellow':        "#fabd2f",
-  'neutral_yellow-xterm':  "#ffaf00",
-  'neutral_blue':          "#83a598",
-  'neutral_blue-xterm':    "#87afaf",
-  'neutral_purple':        "#d3869b",
-  'neutral_purple-xterm':  "#d787af",
-  'neutral_aqua':          "#8ec07c",
-  'neutral_aqua-xterm':    "#87af87",
-  'neutral_orange':        "#fe8019",
-  'neutral_orange-xterm':  "#ff8700",
-  'faded_red':             "#9d0006",
-  'faded_red-xterm':       "#870000",
-  'faded_green':           "#79740e",
-  'faded_green-xterm':     "#878700",
-  'faded_yellow':          "#b57614",
-  'faded_yellow-xterm':    "#af8700",
-  'faded_blue':            "#076678",
-  'faded_blue-xterm':      "#005f87",
-  'faded_purple':          "#8f3f71",
-  'faded_purple-xterm':    "#875f87",
-  'faded_aqua':            "#427b58",
-  'faded_aqua-xterm':      "#5f8787",
-  'faded_orange':          "#af3a03",
-  'faded_orange-xterm':    "#af5f00",
-  'dark_red':              "#421E1E",
-  'dark_red-xterm':        "#5f0000",
-  'dark_blue':             "#2B3C44",
-  'dark_blue-xterm':       "#000087",
-  'dark_aqua':             "#36473A",
-  'dark_aqua-xterm':       "#005f5f",
-  'delimiter-one':         "#458588",
-  'delimiter-one-xterm':   "#008787",
-  'delimiter-two':         "#b16286",
-  'delimiter-two-xterm':   "#d75f87",
-  'delimiter-three':       "#8ec07c",
-  'delimiter-three-xterm': "#87af87",
-  'delimiter-four':        "#d65d0e",
-  'delimiter-four-xterm':  "#d75f00",
-  'white':                 "#FFFFFF",
-  'white-xterm':           "#FFFFFF",
-  'black':                 "#000000",
-  'black-xterm':           "#000000",
-  'sienna':                "#DD6F48",
-  'sienna-xterm':          "#d7875f",
-  'darkslategray4':        "#528B8B",
-  'darkslategray4-xterm':  "#5f8787",
-  'lightblue4':            "#66999D",
-  'lightblue4-xterm':      "#5fafaf",
-  'burlywood4':            "#BBAA97",
-  'burlywood4-xterm':      "#afaf87",
-  'aquamarine4':           "#83A598",
-  'aquamarine4-xterm':     "#87af87",
-  'turquoise4':            "#61ACBB",
-  'turquoise4-xterm':      "#5fafaf"
+  "dark0_hard":            "#1d2021", "dark0_hard-xterm":      "#1c1c1c",
+  "dark0":                 "#282828", "dark0-xterm":           "#262626",
+  "dark0_soft":            "#32302f", "dark0_soft-xterm":      "#303030",
+  "dark1":                 "#3c3836", "dark1-xterm":           "#3a3a3a",
+  "dark2":                 "#504945", "dark2-xterm":           "#4e4e4e",
+  "dark3":                 "#665c54", "dark3-xterm":           "#626262",
+  "dark4":                 "#7c6f64", "dark4-xterm":           "#767676",
+  "gray":                  "#928374", "gray-xterm":            "#8a8a8a",
+  "light0_hard":           "#ffffc8", "light0_hard-xterm":     "#ffffd7",
+  "light0":                "#fdf4c1", "light0-xterm":          "#ffffaf",
+  "light0_soft":           "#f4e8ba", "light0_soft-xterm":     "#ffdfaf",
+  "light1":                "#ebdbb2", "light1-xterm":          "#ffdfaf",
+  "light2":                "#d5c4a1", "light2-xterm":          "#bcbcbc",
+  "light3":                "#bdae93", "light3-xterm":          "#a8a8a8",
+  "light4":                "#a89984", "light4-xterm":          "#949494",
+  "bright_red":            "#fb4933", "bright_red-xterm":      "#d75f5f",
+  "bright_green":          "#b8bb26", "bright_green-xterm":    "#afaf00",
+  "bright_yellow":         "#fabd2f", "bright_yellow-xterm":   "#ffaf00",
+  "bright_blue":           "#83a598", "bright_blue-xterm":     "#87afaf",
+  "bright_purple":         "#d3869b", "bright_purple-xterm":   "#d787af",
+  "bright_aqua":           "#8ec07c", "bright_aqua-xterm":     "#87af87",
+  "bright_orange":         "#fe8019", "bright_orange-xterm":   "#ff8700",
+  "neutral_red":           "#fb4934", "neutral_red-xterm":     "#d75f5f",
+  "neutral_green":         "#b8bb26", "neutral_green-xterm":   "#afaf00",
+  "neutral_yellow":        "#fabd2f", "neutral_yellow-xterm":  "#ffaf00",
+  "neutral_blue":          "#83a598", "neutral_blue-xterm":    "#87afaf",
+  "neutral_purple":        "#d3869b", "neutral_purple-xterm":  "#d787af",
+  "neutral_aqua":          "#8ec07c", "neutral_aqua-xterm":    "#87af87",
+  "neutral_orange":        "#fe8019", "neutral_orange-xterm":  "#ff8700",
+  "faded_red":             "#9d0006", "faded_red-xterm":       "#870000",
+  "faded_green":           "#79740e", "faded_green-xterm":     "#878700",
+  "faded_yellow":          "#b57614", "faded_yellow-xterm":    "#af8700",
+  "faded_blue":            "#076678", "faded_blue-xterm":      "#005f87",
+  "faded_purple":          "#8f3f71", "faded_purple-xterm":    "#875f87",
+  "faded_aqua":            "#427b58", "faded_aqua-xterm":      "#5f8787",
+  "faded_orange":          "#af3a03", "faded_orange-xterm":    "#af5f00",
+  "dark_red":              "#421E1E", "dark_red-xterm":        "#5f0000",
+  "dark_blue":             "#2B3C44", "dark_blue-xterm":       "#000087",
+  "dark_aqua":             "#36473A", "dark_aqua-xterm":       "#005f5f",
+  "delimiter-one":         "#458588", "delimiter-one-xterm":   "#008787",
+  "delimiter-two":         "#b16286", "delimiter-two-xterm":   "#d75f87",
+  "delimiter-three":       "#8ec07c", "delimiter-three-xterm": "#87af87",
+  "delimiter-four":        "#d65d0e", "delimiter-four-xterm":  "#d75f00",
+  "white":                 "#FFFFFF", "white-xterm":           "#FFFFFF",
+  "black":                 "#000000", "black-xterm":           "#000000",
+  "sienna":                "#DD6F48", "sienna-xterm":          "#d7875f",
+  "darkslategray4":        "#528B8B", "darkslategray4-xterm":  "#5f8787",
+  "lightblue4":            "#66999D", "lightblue4-xterm":      "#5fafaf",
+  "burlywood4":            "#BBAA97", "burlywood4-xterm":      "#afaf87",
+  "aquamarine4":           "#83A598", "aquamarine4-xterm":     "#87af87",
+  "turquoise4":            "#61ACBB", "turquoise4-xterm":      "#5fafaf"
 };
 
 window.onload=function(){
   var app = new Vue({
-    el: '#app',
+    el: "#app",
     data: {
       paletteGroups: [
         {
@@ -216,8 +165,8 @@ window.onload=function(){
   });
 };
 
-Vue.component('palette-group', {
-  props: ['title', 'colors', 'prefix'],
+Vue.component("palette-group", {
+  props: ["title", "colors", "prefix"],
   template: `<div class="palette-group" v-on:click="makeImg">
                <h3>{{title}}</h3>
                <swatch v-for="swatch in colors"
@@ -245,8 +194,8 @@ Vue.component('palette-group', {
   }
 });
 
-Vue.component('swatch', {
-  props: ['content', 'isXterm', 'prefix'],
+Vue.component("swatch", {
+  props: ["content", "isXterm", "prefix"],
   template: `<div class="gruvbox-swatch">
                <div v-bind:class="cssClass">
                  <div class="content">{{unprefixed}}</div>
diff --git a/palette/package.json b/palette/package.json
new file mode 100644
index 0000000000..b38fde4013
--- /dev/null
+++ b/palette/package.json
@@ -0,0 +1,27 @@
+{
+  "name": "emacs-gruvbox-palette-builder",
+  "version": "1.0.0",
+  "description": "Build palette pages / images for gruvbox on Emacs",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "stylelint": "stylelint '**/*.scss'",
+    "build": "grunt"
+  },
+  "keywords": [
+    "emacs",
+    "gruvbox"
+  ],
+  "author": "Jason Milkins",
+  "license": "MIT",
+  "dependencies": {},
+  "devDependencies": {
+    "grunt": "^1.0.1",
+    "grunt-cli": "^1.2.0",
+    "grunt-contrib-jshint": "^1.1.0",
+    "grunt-contrib-sass": "^1.0.0",
+    "grunt-stylelint": "^0.8.0",
+    "stylelint-config-sass-guidelines": "^2.1.0",
+    "stylelint-config-standard": "^16.0.0"
+  }
+}
reply via email to
[Prev in Thread] Current Thread [Next in Thread]