appearance.css

/**
 * Incognito
 * 
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 * 
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 * 
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 */

body {
    --border-color: rgb(255, 255, 255, .2);
    --text-color: #FFF;
    --header-background: inherit;
    --accent: mediumseagreen;
    --scrollbar-thumb-color: rgb(52, 184, 116, 0.3);
    --scrollbar-track-color: rgb(52, 184, 116, 0.1);
    --font-family: Roboto;
    --background: #161923;
    background: var(--background);
}
body[data-appearance="simple"] {
    --border-color: rgb(255, 255, 255, 0.2);
    --text-color: #fff;
    --header-background: inherit;
    --accent: #f0ecfc;
    --scrollbar-thumb-color: rgb(240, 236, 252, 0.3);
    --scrollbar-track-color: rgb(240, 236, 252, 0.1);
    --font-family: Roboto;
    --background: #16192b;
    background: var(--background);
  }
  
body .hu {
    display: none;
  }

  body[data-appearance="fancy"] {
    --border-color: rgb(255, 255, 255, 0.2);
    --text-color: #fff;
    --header-background: inherit;
    --accent: #5e81ac;
    --scrollbar-thumb-color: rgb(94, 129, 172, 0.3);
    --scrollbar-track-color: rgb(94, 129, 172, 0.1);
    --font-family: Roboto;
    --background: #2e3440;
  }

  body[data-appearance="fancy"] .nav-logo {
    display: none;
  }
  body[data-appearance="fancy"] .hu {
    display: inline;
  }

body[data-appearance="morning"] {
    --background: #FFF;
    --header-background: #FFF;
    --header-shadow: rgba(0, 0, 0, 0.1) 0px 5px 10px 0px;
    --border-color: rgb(0, 0, 0, .2);
    --text-color: #343434;
    --accent: dodgerblue;
    --scrollbar-thumb-color: rgb(32, 148, 252, 0.3);
    --scrollbar-track-color: rgb(32, 148, 252, 0.1);
}

body[data-appearance="resilent"] {
    --border-color: rgb(255, 255, 255, .2);
    --text-color: #FFF;
    --header-background: #185ADB;
    --accent: #FFC947;
    --scrollbar-thumb-color: rgb(255, 176, 68, 0.3);
    --scrollbar-track-color: rgb(255, 176, 68, 0.1);
    --background:#0A1931;
}

body[data-appearance="terminal"] {
    --border-color: rgb(255, 255, 255, .2);
    --text-color: #FFF;
    --header-background: #000;
    --accent: mediumseagreen;
    --scrollbar-thumb-color: rgb(52, 184, 116, 0.3);
    --scrollbar-track-color: rgb(52, 184, 116, 0.1);
    --font-family: Ubuntu Mono;
    --background:#000;
}
 
body[data-appearance="midnight"] {
    --border-color:rgb(255, 255, 255, .2);
    --header-background: #181818;
    --text-color: #FFF;
    --accent: dodgerblue;
    --background: #121212;
    --scrollbar-thumb-color: rgb(32, 148, 252, 0.3);
    --scrollbar-track-color: rgb(32, 148, 252, 0.1);
}

body[data-appearance=space] {
    --border-color:rgb(255, 255, 255, .2);
    --header-background: #181818;
    --text-color: #FFF;
    --accent: #FFF;
    --background: #0f0c29;
    --scrollbar-thumb-color: rgb(255, 255, 255, 0.3);
    --scrollbar-track-color: rgb(255, 255, 255, 0.1);
    background: -webkit-linear-gradient(19deg, #24243e, #302b63, #0f0c29);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(19deg, #24243e, #302b63, #0f0c29); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-size: cover;
    background-position: center; 
}