/** * * Name: Black theme * Pandora Stylesheet * * @category Stylesheet * @package Pandora FMS * @subpackage Community * @version 1.0.0 * @license See below * * ______ ___ _______ _______ ________ * | __ \.-----.--.--.--| |.-----.----.-----. | ___| | | __| * | __/| _ | | _ || _ | _| _ | | ___| |__ | * |___| |___._|__|__|_____||_____|__| |___._| |___| |__|_|__|_______| * * ============================================================================ * Copyright (c) 2005-2023 Pandora FMS * Please see https://pandorafms.com for full contribution list * 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 for version 2. * 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. * ============================================================================ */ :root { /* NEW */ /* BUTTON */ --button-secondary-border-color1: var(--light-200); --button-secondary-background-color3: var(--dark-800); --button-main-text-color4: var(--light-0); /* BUTTON LINK STYLES */ --button-link-text-color: var(--primary-100); --button-link-hover-text-color: var(--primary-50); /* SELECT STYLES */ --select-background-color: var(--dark-650); --select-border-color: var(--dark-900); --select-text-color: var(--light-200); --select-dropdown-hover-text-color: var(--light-0); --select-dropdown-selected-text-color: var(--dark-680); --select-dropdown-background-color: var(--dark-650); --select-dropdown-hover-background-color: var(--dark-450); --select-dropdown-selected-background-color: var(--primary-50); --select-dropdown-scrollbar-color: var(--light-300); --select-multiple-choice: var(--dark-900); /* DIALOG / MODAL STYLES */ --dialog-background-color: var(--dark-800); --dialog-header-gradient-1: var(--dark-600); --dialog-header-gradient-2: var(--secondary-700); --dialog-border-color: var(--dark-900); --dialog-tab-hover-background-color: var(--dark-450); --dialog-table-background-1: var(--dark-950); --dialog-table-background-2: var(--dark-500); --dialog-table-background-hover: var(--dark-450); --dialog-table-text-color-1: var(--light-0); --dialog-table-text-color-2: var(--light-200); /* NOTIFICATION BOX STYLES */ --notification-box-background-color: var(--dark-800); --notification-box-border-color: var(--dark-900); --notification-box-select-color: var(--dark-650); --notification-box-item-border-color: var(--dark-1000); --notification-box-title-color: var(--light-0); --notification-box-text-color: var(--light-200); --notification-box-button-color: var(--light-0); --notification-box-link-color: var(--primary-100); --notification-box-scroll-color: var(--light-600); /* NOTIFICATION MODAL MESSAGE STYLES */ --notification-modal-message-color1: var(--light-600); --notification-modal-message-color2: var(--light-200); --notification-modal-message-color3: var(--light-0); --notification-modal-message-border-color1: var(--dark-900); --notification-madal-message-background-color1: var(--dark-800); --notification-modal-message-background-color2: var(--dark-1000); --notification-modal-message-border-color2: var(--dark-1000); /* LOGIN STYLES */ --login-background-color: rgba(21, 20, 29, 0.75); --login-ver-num-text-color1: var(--light-400); /* INPUT STYLES */ --input-background-color1: var(--dark-650); --input-border-color1: var(--dark-900); --input-color1: var(--light-25); --input-placeholder-color: var(--light-600); --input-number-color-scheme: dark; /* SWITCH INPUT STYLES */ --switch-background-color: var(--dark-1000); --switch-background-color-checked: var(--primary-100); --switch-radio-button-background-checked: var(--primary-100); --switch-radio-button-background: var(--dark-1000); --switch-radio-button-color: var(--light-600); /* STATUS BOXES */ --status-box-hover-color: var(--dark-450); /* LABEL STYLES */ --label-text-color1: var(--light-25); /* GLOBAL MENU STYLES */ --menu-text-decoration-color1: var(--primary-300); --menu-text-decoration-color2: var(--dark-680); --menu-text-active-color1: var(--light-0); --menu-text-inactive-color1: var(--light-600); --menu-text-first-level-color1: var(--light-200); --menu-text-first-level-active-color1: var(--primary-50); --menu-text-second-level-active-color1: var(--dark-950); --menu-text-third-level-active-color1: var(--dark-680); --menu-background-first-level-color1: var(--dark-450); --menu-background-first-level-color2: var(--dark-800); --menu-background-first-level-color3: rgba(255, 255, 255, 0); --menu-background-color1: var(--dark-950); --menu-background-second-level-color1: var(--primary-50); /* LAYOUT GLOBAL STYLES */ --layout-text-decoration-color1: var(--primary-300); --layout-text-decoration-color2: var(--green-80); --layout-text-color1: var(--light-0); --layout-text-color2: var(--light-200); --layout-text-color3: var(--primary-50); --layout-text-color4: var(--light-600); --layout-links-color: var(--primary-100); --layout-links-color-hover: var(--primary-200); --layout-background-color1: var(--dark-1000); --layout-background-color2: var(--dark-950); --layout-background-color3: var(--dark-650); --layout-border-color1: var(--dark-150); --layout-border-color2: var(--light-400); /* TAGS STYLES */ --tag-background-color: var(--dark-900); --tag-text-color: var(--light-0); /* NETWORK MAPS STYLES */ --networkmap-holding-background-color: var(--dark-1000); --context-menu-highlighted: var(--primary-50); --context-menu-text-color: var(--dark-1000); --map-icon-filter: brightness(0) invert(1); --networkmap-limit-map-border: #3f3c57; /* DATATABLES STYLES */ --datatable-border-color: var(--dark-900); --datatable-text-head-color: var(--light-0); --datatable-background-head-color: var(--dark-950); --datatable-text-body-color: var(--light-200); --datatable-background-odd-color: var(--dark-500); --datatable-background-even-color: var(--dark-950); --datatable-background-hover-color: var(--dark-450); --datatable-link-color: var(--primary-100); --datatable-pagination-background-color: var(--dark-650); --datatable-pagination-text-color: var(--light-200); --datatable-pagination-hover-background-color: var(--dark-450); --datatable-pagination-border-color: var(--dark-900); --datatable-pagination-current-background-color: var(--primary-50); --datatable-pagination-current-text-color: var(--dark-1000); --datatable-pagination-disabled-text-color: var(--light-600); /* TABLE STYLES */ --alternate-table-color: var(--dark-500); --table-border-color: var(--dark-900); --table-background-color: var(--dark-950); --table-text-color: var(--light-0); /* HEATMAP */ --heatmap-background-color: var(--dark-950); --heatmap-border-color: var(--dark-900); --heatmap-legend-text-color: var(--light-200); --heatmap-legend-text-color-2: var(--light-600); /* CONTAINERS */ --container-background-color: var(--dark-950); --container-border-color: var(--dark-900); /* TREE */ --tree-node-status-normal-background-color: var(--green-80); --tree-node-status-critical-background-color: var(--red-50); --tree-node-status-warning-background-color: var(--yellow-175); --tree-node-status-unknown-background-color: var(--light-600); --tree-node-color1: var(--light-0); --tree-node-color2: var(--light-100); --tree-node-background-color1: var(--dark-450); --tree-node-background-color2: var(--dark-950); --tree-node-border-color1: var(--dark-900); --tree-node-border-checkbox: var(--light-550); /* SELECT IMAGES */ --image-select-background-color: var(--dark-950); --image-select-border-color: var(--dark-900); /* SIDE FILTERS */ --filter-menu-border-color: var(--dark-900); --filter-menu-text-color: var(--light-0); --filter-menu-background-color: var(--dark-950); --filter-menu-hover-background-color: var(--dark-900); --filter-menu-hover-text-color: var(--primary-50); --filter-menu-side-background-color: var(--dark-950); --filter-menu-side-border-color: var(--dark-900); --filter-menu-side-tab-border: var(--primary-300); /* TOGGLE */ --toggle-background-color: var(--dark-950); --toggle-border-color: var(--dark-900); /* ICONS */ --icon-download: url(../../images/generic_download@dark.svg); --icon-download-hover: url(../../images/generic_download@svg.svg); --icon-eye: url(../../images/Icon_enable_eye_dark.svg); /* VISUAL CONSOLE */ --visual-console-background-color: var(--dark-950); --visual-console-background-color1: var(--dark-1000); --visual-console-background-color2: var(--dark-450); --visual-console-text-color: var(--light-0); --visual-console-text-color2: var(--light-0); --visual-console-background-color3: var(--light-525); --visual-cosole-border-color1: var(--dark-900); --visual-console-hover-color: var(--dark-450); /* SVG */ --button-main-text-color-svg2: brightness(100); /* TEXTAREA */ --textarea-border-color: var(--dark-900); --textarea-background-color: var(--dark-650); --textarea-background-color2: var(--dark-800); --textarea-text-color: var(--light-0); --textarea-text-color2: var(--dark-1500); --textarea-hover-color: var(--dark-450); /* LIBRARY */ --library-border-color: var(--dark-900); --library-background-color: var(--dark-900); --library-background-color2: var(--dark-950); --library-background-color3: var(--primary-50); --library-hover-color: var(--dark-450); --library-text-color: var(--light-0); --library-background-color4: var(--dark-950); --library-border-color2: var(--dark-900); --library-hover-color2: var(--dark-450); --library-text-color2: var(--light-0); /* AUTOCOMPLETE */ --autocomplete-border-color: var(--dark-900); --autocomplete-background-color: var(--dark-650); --autocomplete-hover-color: var(--dark-450); --autocomplete-text-color: var(--light-0); /* DISCOVERY */ --discovery-background-color: var(--dark-800); --discovery-text-color: var(--light-600); /* OLD */ --primary-color: var(--primary-300); --primary-color-hover: var(--primary-50); --secondary-color: var(--dark-950); --tertiary-color: #333; --text-color: var(--light-0); --text-color-2: #ededed; --text-color-3: #d5d5d5; --text-color-4: #dddddd; --background-main-color: var(--dark-1000); --background-2: #95a3bf; --border-color: var(--dark-900); --border-color-4: #404040; --border-color-grey: #333; --border-dark-color: #e1e1e1; --scrollbar-color: var(--dark-30); --scrollbar-color-hover: #606879; --box-shadow-color: rgba(0, 0, 0, 0); /* STATUS BOX */ --status-box-background-color: var(--dark-950); --status-box-border-color: var(--dark-900); }