User style for codeanywhere.com editor

codeanywhere.css

/*
From https://github.com/romainl/flattened
TERMCOL   HEX     RGB
-------   ------- -----------
black     #073642   7  54  66
red       #dc322f 220  50  47
green     #859900 133 153   0
yellow    #b58900 181 137   0
blue      #268bd2  38 139 210
magenta   #d33682 211  54 130
cyan      #2aa198  42 161 152
white     #eee8d5 238 232 213

brblack   #002b36   0  43  54
brred     #cb4b16 203  75  22
brgreen   #586e75  88 110 117
bryellow  #657b83 101 123 131
brblue    #839496 131 148 150
brmagenta #6c71c4 108 113 196
brcyan    #93a1a1 147 161 161
brwhite   #fdf6e3 253 246 227 */

/* black     */ .terminal .xterm-color-7  { color: #073642; }
/* red       */ .terminal .xterm-color-1  { color: #dc322f; }
/* green     */ .terminal .xterm-color-2  { color: #859900; }
/* yellow    */ .terminal .xterm-color-3  { color: #b58900; }
/* blue      */ .terminal .xterm-color-4  { color: #268bd2; }
/* magenta   */ .terminal .xterm-color-5  { color: #d33682; }
/* cyan      */ .terminal .xterm-color-6  { color: #2aa198; }
/* white     */ .terminal .xterm-color-0 { color: #eee8d5; }

/* brblack   */ .terminal .xterm-color-15  { color: #002b36; } 
/* brred     */ .terminal .xterm-color-9  { color: #cb4b16; }
/* brgreen   */ .terminal .xterm-color-10  { color: #586e75; }
/* bryellow  */ .terminal .xterm-color-11  { color: #657b83; }
/* brblue    */ .terminal .xterm-color-12  { color: #839496; }
/* brmagenta */ .terminal .xterm-color-13  { color: #6c71c4; }
/* brcyan    */ .terminal .xterm-color-14  { color: #93a1a1; }
/* brwhite   */ .terminal .xterm-color-8 { color: #fdf6e3; }

/* black     */ .terminal .xterm-bg-color-7  { background-color: #073642; }
/* red       */ .terminal .xterm-bg-color-1  { background-color: #dc322f; }
/* green     */ .terminal .xterm-bg-color-2  { background-color: #859900; }
/* yellow    */ .terminal .xterm-bg-color-3  { background-color: #b58900; }
/* blue      */ .terminal .xterm-bg-color-4  { background-color: #268bd2; }
/* magenta   */ .terminal .xterm-bg-color-5  { background-color: #d33682; }
/* cyan      */ .terminal .xterm-bg-color-6  { background-color: #2aa198; }
/* white     */ .terminal .xterm-bg-color-0 { background-color: #eee8d5; }

/* brblack   */ .terminal .xterm-bg-color-15  { background-color: #002b36; } 
/* brred     */ .terminal .xterm-bg-color-9  { background-color: #cb4b16; }
/* brgreen   */ .terminal .xterm-bg-color-10  { background-color: #586e75; }
/* bryellow  */ .terminal .xterm-bg-color-11  { background-color: #657b83; }
/* brblue    */ .terminal .xterm-bg-color-12  { background-color: #839496; }
/* brmagenta */ .terminal .xterm-bg-color-13  { background-color: #6c71c4; }
/* brcyan    */ .terminal .xterm-bg-color-14  { background-color: #93a1a1; }
/* brwhite   */ .terminal .xterm-bg-color-8 { background-color: #fdf6e3; }

.region-south,  body .region-south .vbox .row { background-color: #073642; }
body .statusbar { border-top: 1px solid #073642; background-color: #002b36; }
.region-west, .region-north .toolbar .separator, .hmenu.sm.sm-simple li a:hover{ background-color: #073642; }
body, .terminal, .terminal .xterm-viewport, .hmenu.sm.sm-simple, .region-north { background-color: #002b36; }
.splitter-resize-v { border-right-color: #586e75 }
.gtree .sticky-node .sticky-node-overlay:after { background: transparent; }
.gtree .sticky-node { background-color: #002b36; }
.multisplit > .ms-panel, .multisplit .ms-panel .multisplit-tabs-wrapper-bg { background: #002b36  !important; }
.multisplit .ms-panel .smoothtabs-tab, .smoothtabs-clone, .multisplit .ms-panel .smoothtabs-tabwrap::after { background: #073642; }
.multisplit .ms-panel .smoothtabs-tabwrap.active .smoothtabs-tab, .smoothtabs-clone.active { border-bottom-color: #dc322f !important; }

.basicContext { background-color: #fdf6e3; }
.basicContext__item.basicContext__item--separator { background-color: #eee8d5; }
.basicContext td { color: #002b36; }
.basicContext__item:not(.basicContext__item--disabled):hover .basicContext__data { background-color: #657b83 !important; }