pops.css

/***

  Pops
  Copyright (C) 2023 Adrian Bogdan

  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 <http://www.gnu.org/licenses/>.

***/

:root{
    --primary-bg-color: rgb(32, 86, 225);
    --primary-fg-color: rgb(255, 255, 255);
    --normal-bg-color: rgb(194, 194, 194);
    --normal-fg-color: rgb(0, 0, 0);
    --font: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;;
}

/***     THEMES     ***/

/* DEFAULT THEME */
.pops-themes-default{
    font-family: var(--font);
    background-color: white;
    color: var(--normal-fg-color);
}

.pops-themes-default input, .pops-themes-default select {
    width: 100%;
    box-sizing: border-box;
    padding: 6px;
    margin-bottom: 6px;
    font-family: var(--font);
    border-radius: 0;
    border: 1px solid rgba(0, 0, 0, 0.2);
}

.pops-themes-default button {
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0px;
    background-color: var(--normal-bg-color);
    color: var(--normal-fg-color);
    font-family: var(--font);
    min-width: 64px;
    padding: 6px 12px 6px 12px;
    margin: 6px;
}

.pops-themes-default .primary {
    background-color: var(--primary-bg-color);
    color: var(--primary-fg-color);
}