:root
{
    

--font-family: Helvetica,Arial,sans-serif;
--font-size: 12px;
--alpha-bkg-pattern: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAQElEQVQ4T2O8f//+fwYigIKCAhGqGBgYRw3EGU6jYYgzaIZAsvn//z9ROeXBgwfE5ZRRA3GG02gY4s4pgz7ZAAAbhWoFkG/BGAAAAABJRU5ErkJggg==);

/*--bkg-color: #292a2d;*/
--bkg-color: #2B2E33;


--txt-color: #9297a0;
--border-color: #363a40;

--svg-icon-invert: 50%;
--svg-icon-invert-selected: 100%;
--svg-icon-invert-hover: 75%;

--input-bkg-color: #202122;
--input-txt-color: #ebebeb;
--input-border-color: #363a40;

--button-bkg-color: #bcbcbc;
--button-bkg-color-hover: #0080ff;
--button-bkg-color-active: #202122;
--button-txt-color: #ebebeb;
--button-txt-color-hover: #ebebeb;
--button-txt-color-active: #ebebeb;
--button-border-color: #363a40;


--button-bar-item-bkg-color-hover: #383b42;
--button-bar-item-bkg-color-active: #43474f;
--button-bar-item-bkg-color-highlighted: #383b42;
/*--button-bar-item-bkg-color-selected: #202122;*/
--button-bar-item-bkg-color-selected: #43474f;




/*--popup-menu-bkg-color: #303236;*/
--popup-menu-bkg-color: #2B2E33;


--popup-menu-text-color: #9297a0;


--popup-menu-item-bkg-color-hover: #135ef6;
--popup-menu-item-txt-color-hover: #d0d7d1;

--popup-menu-item-bkg-color-selected: #202122;
--popup-menu-item-txt-color-selected: #FFFFFF;


--popup-menu-item-bkg-color-highlighted: #202122;
--popup-menu-item-txt-color-highlighted: #FFFFFF;


/*--popup-panel-bkg-color: #2f3034;*/

--popup-panel-bkg-color: #2B2E33;

--tab-bar-bkg-color: #202122;
--tab-bar-item-bkg-color-selected: #0080ff;
--tab-bar-item-txt-color:#9297a0;

--documents-tab-bar-bkg-color:#23262a;
--documents-tab-bar-item-bkg-color-selected: #2b2e33;
--documents-tab-bar-item-txt-color:#FFFFFF;
--documents-tab-bar-item-icon-invert:100%;
--documents-tab-bar-item-icon-invert-selected:100%;


--ruler-line-color : #363a40;
--ruler-text-color : #9297a0;



--pages-panel-item-border-color-selected:#678296;
--pages-panel-item-border-color-active:#00cfff;

/**/
/*--layers-panel-item-border-color-selected:#678296;*/
/*--layers-panel-item-border-color-active:#00cfff;*/


--layers-panel-header-border-color:#363a40;

--layers-panel-item-buttons-border-color:#444444;


--layers-panel-item-bkg-color-selected:#1e1e1e ;
--layers-panel-item-txt-color-selected:#FFFFFF ;


--layers-panel-item-bkg-color-active:#000000;
--layers-panel-item-txt-color-active:#FFFFFF ;






--isolate-layer-bar-bkg-color: #292a2de3;


}


editor-svg { background-color: #52575c; }