body { background:var(--background);  }
#ronin #wrapper { background: var(--background); }
#ronin #wrapper #commander { background:var(--background); }
#ronin #wrapper #commander textarea { color:var(--f_high); }
#ronin #wrapper #commander #status { color:var(--f_med); }
#ronin #wrapper #commander #status #source { color:var(--f_low); }
#ronin #wrapper #commander #status #eval { background-color: var(--b_inv); border-color: var(--b_inv) }
#ronin #wrapper #commander #status #eval.active { background:var(--f_high); border-color:var(--f_high); transition: none }
#ronin #surface { color: red }

::selection { background-color:var(--b_inv); color:var(--f_inv); text-decoration:none } 

/* #acels { background: red } */
#acels { background: var(--b_low); color:var(--f_high) }
#acels > li:hover { background:var(--b_med); color:var(--f_high); }
#acels > li > ul { background:var(--b_low); color:var(--f_high); }
#acels > li > ul > li:hover { background: var(--b_med); }
#acels > li > ul > li > i { color:var(--f_med) }