qbittorrent-webui-cjratliff.com/private/css/Core.css

/*

Core.css for Mocha UI

Theme: Default

Copyright:
	Copyright (c) 2007-2009 Greg Houston, <http://greghoustondesign.com/>.

License:
	MIT-style license.

Notes:
	CSS rules in this file:

	1. Rules required by all MochaUI components or are shared by more than one.
	2. Theme specific adjustments to plugin styles.
	3. Miscellaneous rules that have no better place to go.

*/

/* Required By All
---------------------------------------------------------------- */
:root {
    color-scheme: dark;
    --darkmode-primary: #00d9ff;
    --darkmode-background: #202020;
    --darkmode-background-alt: #242424;
    --darkmode-background-alt2: #4e4e4e;
    --darkmode-text: #c2c2c2;
    --darkmode-text-alt: #d3d3d3;
    --darkmode-line-color: #2F3437;
    --highlight-color--darkred: #be3e3c;
    --highlight-color--red: #FF8A88;
    --highlight-color--orange: #FFB86C;
    --highlight-color--yellow: #F1FA8C;
    --highlight-color--green: #9FE39B;
    --highlight-color--brightgreen: #50e948;
    --highlight-color--blue: #9FC8EB;
    --highlight-color--purple: #DEAFEB;
    --callout-background-color-dark: #DFDFDC;
    --calloutred-background-color-dark: #E8D4D8;
    --calloutorange-background-color-dark: #E8DAC8;
    --calloutyellow-background-color-dark: #E9E2BF;
    --calloutgreen-background-color-dark: #CDE6D0;
    --calloutblue-background-color-dark: #D6E2E6;
    --calloutpurple-background-color-dark: #E4D5E3;
    --text-shadow: 0.01em 0.01em 0.03em #727E84;
}

body {
    font-size: .875rem;
    font-family: "Google Sans", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica Neue", "Arial", "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-feature-settings: "kern", "liga", "clig", "calt";
}

/* Text Colors */
.highlight-darkred {
    color: var(--highlight-color--darkred) !important;
}

.highlight-red {
    color: var(--highlight-color--red) !important;
}

.highlight-orange {
    color: var(--highlight-color--orange) !important;
}

.highlight-yellow {
    color: var(--highlight-color--yellow) !important;
}

.highlight-green {
    color: var(--highlight-color--green) !important;
}

.highlight-brightgreen {
    color: var(--highlight-color--brightgreen) !important;
}

/* Clears */
.clear {
    clear: both;
    height: 0;
}

* html .clear {
    font-size: 1px;
    line-height: 1px;
    overflow: hidden;
    visibility: hidden;
}

/* Miscellaneous
---------------------------------------------------------------- */

#themeControl {
    margin-top: 2px;
}

/* Theme Specific Adjustments to Default Plugin Styles
---------------------------------------------------------------- */

/* Folder Tree */

.tree li a {
    color: #3f3f3f !important;
}