/* ==UserStyle==
@name        Ember Twiddle Solarized
@namespace   Sukima
@version     1.1.3
@homepageURL https://github.com/sukima/ember-twiddle-solarized
@updateURL   https://raw.githubusercontent.com/sukima/ember-twiddle-solarized/master/ember-twiddle-solarized.user.css
@license     CC-BY-SA-4.0
@author      Sukima <suki@tritarget.org>
@advanced dropdown solarized-theme "Solarized theme" {
  Dark "Solarized Dark" <<<EOT
  :root {
    --color-base03: #002b36;
    --color-base02: #073642;
    --color-base01: #586e75;
    --color-base00: #657b83;
    --color-base0: #839496;
    --color-base1: #93a1a1;
    --color-base2: #eee8d5;
    --color-base3: #fdf6e3;
    --color-yellow: #b58900;
    --color-orange: #cb4b16;
    --color-red: #dc322f;
    --color-magenta: #d33682;
    --color-violet: #6c71c4;
    --color-blue: #268bd2;
    --color-cyan: #2aa198;
    --color-green: #859900;
    --color-dropdown-bg: var(--color-base2);
  } EOT;
  Light "Solarized Light" <<<EOT
  :root {
    --color-base3: #002b36;
    --color-base2: #073642;
    --color-base1: #586e75;
    --color-base0: #657b83;
    --color-base00: #839496;
    --color-base01: #93a1a1;
    --color-base02: #eee8d5;
    --color-base03: #fdf6e3;
    --color-yellow: #b58900;
    --color-orange: #cb4b16;
    --color-red: #dc322f;
    --color-magenta: #d33682;
    --color-violet: #6c71c4;
    --color-blue: #268bd2;
    --color-cyan: #2aa198;
    --color-green: #859900;
    --color-dropdown-bg: var(--color-base02);
  } EOT;
}
==/UserStyle== */

@-moz-document domain("ember-twiddle.com") {

  #main-app * {
    color-profile: sRGB;
    rendering-intent: auto;
  }

  /*[[solarized-theme]]*/

  #main-app,
  #main-app a,
  #main-app mark {
    color: var(--color-base0);
  }
  #main-app .img-thumbnail, #main-app {
    background-color: var(--color-base03);
  }
  #main-app .table-striped > tbody > tr:nth-of-type(2n+1) {
    background-color: var(--color-base02);
  }
  #main-app .saved-twiddles tbody tr:hover {
    color: var(--color-base3);
    background-color: var(--color-cyan);
  }
  #main-app .saved-twiddles a {
    color: var(--color-orange);
  }
  #main-app .navbar-default a,
  #main-app .navbar-default mark {
    color: var(--color-base3);
  }
  #main-app .dropdown-menu a,
  #main-app .dropdown-menu mark {
    color: var(--color-base03);
  }
  #main-app .navbar-default,
  #main-app .navbar-default .toolbar {
    color: var(--color-base03);
    background-color: var(--color-orange);
  }
  #main-app input[type="checkbox"],
  #main-app input[type="radio"] {
    background-color: var(--color-base03);
    color: var(--color-base0);
  }
  #main-app .navbar-default .dropdown-menu,
  #main-app .twiddle-pane .header .dropdown-menu,
  #main-app .twiddle-pane.file-tree {
    background-color: var(--color-base02);
  }
  #main-app .cm-s-default {
    background-color: var(--color-base03);
  }
  #main-app .navbar-default .dropdown-menu,
  #main-app .navbar-default .dropdown-menu li,
  #main-app .twiddle-pane .header .dropdown-menu,
  #main-app .twiddle-pane .header .dropdown-menu li {
    background-color: var(--color-dropdown-bg);
  }
  #main-app .navbar-default .dropdown-menu,
  #main-app .navbar-default .dropdown-menu li,
  #main-app .twiddle-pane .header .dropdown-menu li,
  #main-app .twiddle-pane .header .dropdown-menu,
  #main-app .twiddle-pane.file-tree,
  #main-app .cm-s-default {
    color: var(--color-base0);
  }
  #main-app .navbar-default .dropdown-menu li.divider {
    background-color: var(--color-base0);
  }
  #main-app .twiddle-pane {
    border-right: 1px solid var(--color-base0) !important;
  }
  #main-app .twiddle-pane .header {
    border-bottom: 1px solid var(--color-base03) !important;
  }
  #main-app .nav > li > a,
  #main-app .nav > li > a:focus,
  #main-app .nav > li > a:hover,
  #main-app .twiddle-pane .header {
    background-color: transparent;
  }
  #main-app .twiddle-pane .header {
    color: var(--color-base0);
  }
  #main-app .twiddle-pane .header {
    background-color: var(--color-base03);
  }
  #main-app .twiddle-panes .header .twiddlicon:hover,
  #main-app .twiddle-panes .header .twiddlicon,
  #main-app .twiddle-panes .header .glyphicon:hover,
  #main-app .twiddle-panes .header .glyphicon {
    color: var(--color-base0);
    text-shadow: none;
  }
  #main-app .light-gray {
    color: var(--color-base1);
  }
  #main-app .jstree-default .jstree-hovered .light-gray,
  #main-app .jstree-default .jstree-clicked .light-gray {
    color: var(--color-base03);
  }
  #main-app .nav .open > a,
  #main-app .nav .open > a:focus,
  #main-app .nav .open > a:hover,
  #main-app .jstree-default .jstree-clicked {
    background-color: var(--color-violet);
  }
  #main-app .nav > li > a {
    color: var(--color-base0);
  }
  #main-app .nav > li > a:focus,
  #main-app .nav > li > a:hover {
    color: var(--color-base03);
  }
  #main-app .navbar-default .nav > li > a,
  #main-app .navbar-default .nav > li > a:focus,
  #main-app .navbar-default .nav > li > a:hover {
    color: var(--color-base3);
  }
  #main-app .jstree-default .jstree-clicked {
    color: var(--color-base03);
  }
  #main-app .nav > li > a:hover,
  #main-app .dropdown-menu > li > a:focus,
  #main-app .dropdown-menu > li > a:hover,
  #main-app .jstree-default .jstree-hovered {
    background-color: var(--color-cyan);
    color: var(--color-base03);
  }
  #main-app .CodeMirror-gutters {
    border-right: 1px solid var(--color-base03) !important;
  }
  #main-app .cm-s-default .emphasis {
    font-weight: bold;
  }
  #main-app .cm-s-default .dotted {
    border-bottom: 1px dotted var(--color-orange);
  }
  #main-app .cm-s-default .CodeMirror-gutter {
    background-color: var(--color-base02);
    border-right: 3px solid var(--color-base02);
  }
  #main-app .cm-s-default .CodeMirror-gutter .CodeMirror-gutter-text {
    color: var(--color-base01);
  }
  #main-app .cm-s-default .CodeMirror-cursor {
    border-left-color: var(--color-base3) !important;
  }
  #main-app .cm-s-default .CodeMirror-matchingbracket {
    color: var(--color-base3);
    background-color: var(--color-base02);
    box-shadow: 0 0 10px var(--color-base02);
    font-weight: bold;
  }
  #main-app .cm-s-default .CodeMirror-nonmatchingbracket {
    background-color: var(--color-base02);
    box-shadow: 0 0 10px var(--color-base02);
    font-weight: bold;
    color: var(--color-red);
    border-bottom: 1px dotted var(--color-orange);
  }
  #main-app .cm-s-default span.cm-keyword {
    color: var(--color-base0);
    font-weight: bold;
  }
  #main-app .cm-s-default span.cm-atom {
    color: var(--color-cyan);
  }
  #main-app .cm-s-default span.cm-number {
    color: var(--color-base1);
  }
  #main-app .cm-s-default span.cm-def {
    color: var(--color-blue);
  }
  #main-app .cm-s-default span.cm-variable {
    color: var(--color-orange);
  }
  #main-app .cm-s-default span.cm-variable-2 {
    color: var(--color-orange);
  }
  #main-app .cm-s-default span.cm-variable-3 {
    color: var(--color-orange);
  }
  #main-app .cm-s-default span.cm-comment {
    color: var(--color-base01);
  }
  #main-app .cm-s-default span.cm-property {
    color: var(--color-yellow);
  }
  #main-app .cm-s-default span.cm-operator {
    color: var(--color-base0);
  }
  #main-app .cm-s-default span.cm-string {
    color: var(--color-violet);
  }
  #main-app .cm-s-default span.cm-error {
    font-weight: bold;
    border-bottom: 1px dotted var(--color-orange);
  }
  #main-app .cm-s-default span.cm-bracket {
    color: var(--color-orange);
  }
  #main-app .cm-s-default span.cm-tag {
    color: var(--color-base0);
  }
  #main-app .cm-s-default span.cm-attribute {
    color: var(--color-base1);
    font-weight: bold;
  }
  #main-app .cm-s-default span.cm-meta {
    color: var(--color-blue);
  }
}