/*light skin*/
:root {
    --icon-color: rgb(242, 242, 242);
    --icon-highlight: rgb(83, 189, 78);
    --icon-highlight-shadow: rgb(60, 60, 60);
    --icon-active: #55e74e;
    --toolbar-button-text-color: white;
    --red-highlight: rgb(255, 60, 60);
    --hyland-dark-green: #003800;
    --svg-logo-color: rgb(83, 189, 78);
    --alert-color: rgb(252, 196, 3);
    --alt-alert-color: yellow;
    --accent-color: rgb(83, 189, 78);
    --alt-accent-color: rgb(23, 161, 67);
    --hover-color: rgba(83, 189, 78, 0.6);
    --hover-pale-color: rgba(83, 189, 78, 0.4); /* webkit-scrollbar */
    --hover-bright-color: rgba(83, 189, 78, 0.8); /* webkit-scrollbar */
    --hover-menu-color: rgba(0, 0, 0, 0.04); /* dx */
    --hover-button-color: rgb(80, 80, 80); /* dx */
    --text-color: rgb(255, 255, 255);
    --muted-text-color: rgba(255, 255, 255, 0.8);
    --background-color: rgb(120, 120, 120);
    --alt-background-color: rgb(90, 90, 90);
    --border-color: rgb(60, 60, 60);
    --gradient-color: linear-gradient(rgb(140, 140, 140), rgb(80, 80, 80));
    --alt-gradient-color: linear-gradient(rgba(83, 189, 78, 0.2), rgba(83, 189, 78, 0.7));
    --vert-gradient-color: linear-gradient(to right, rgb(140, 140, 140), rgb(80, 80, 80));
    --alt-vert-gradient-color: linear-gradient(to right, rgba(83, 189, 78, 0.2), rgba(83, 189, 78, 0.7));
    --viewer-color: rgb(0, 0, 0);
    --viewer-background-color: rgb(240, 240, 240);
    --heatmap-color: rgb(90, 90, 90);
}

.darkSkin {
    --icon-color: #d0d0d0;
    --icon-highlight: #54d04e;
    --icon-highlight-shadow: black;
    --toolbar-button-text-color: white;
    --svg-logo-color: white;
    --accent-color: rgb(83, 189, 78);
    --hover-color: rgba(83, 189, 78, 0.4);
    --hover-pale-color: rgba(83, 189, 78, 0.2); /* webkit-scrollbar */
    --hover-bright-color: rgba(83, 189, 78, 0.6); /* webkit-scrollbar */
    --hover-menu-color: rgba(255, 255, 255, 0.05);
    --hover-button-color: rgb(90, 90, 90); /* dx */
    --text-color: rgb(222, 222, 222);
    --muted-text-color: rgba(222, 222, 222, 0.8);
    --background-color: rgb(60, 60, 60);
    --alt-background-color: rgb(80, 80, 80);
    --border-color: rgb(100, 100, 100);
    --gradient-color: linear-gradient(rgb(80, 80, 80), rgb(60, 60, 60));
    --alt-gradient-color: linear-gradient(rgba(83, 189, 78, 0.1), rgba(83, 189, 78, 0.5));
    --vert-gradient-color: linear-gradient(to right, rgb(80, 80, 80), rgb(60, 60, 60));
    --alt-vert-gradient-color: linear-gradient(to right, rgba(83, 189, 78, 0.1), rgba(83, 189, 78, 0.5));
    --viewer-color: rgb(255, 255, 255);
    --viewer-background-color: rgb(0, 0, 0);
    --heatmap-color: rgb(160, 160, 160);
}