You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
Koito/client/app/themes.css

47 lines
1.6 KiB

/* Theme Definitions */
/* Theme Helper Classes */
/* Foreground Text */
.color-fg { color: var(--color-fg); }
.color-fg-secondary { color: var(--color-fg-secondary); }
.color-fg-tertiary { color: var(--color-fg-tertiary); }
.hover-color-fg:hover { color: var(--color-fg); }
.hover-color-fg-secondary:hover { color: var(--color-fg-secondary); }
.hover-color-fg-tertiary:hover { color: var(--color-fg-tertiary); }
/* Backgrounds */
.bg { background-color: var(--color-bg); }
.bg-secondary { background-color: var(--color-bg-secondary); }
.bg-tertiary { background-color: var(--color-bg-tertiary); }
.hover-bg:hover { background-color: var(--color-bg); }
.hover-bg-secondary:hover { background-color: var(--color-bg-secondary); }
.hover-bg-tertiary:hover { background-color: var(--color-bg-tertiary); }
/* Borders */
.border { border: 1px solid var(--color-border); }
/* Accent Colors */
.color-primary { color: var(--color-primary); }
.bg-primary { background-color: var(--color-primary); }
.color-accent { color: var(--color-accent); }
.bg-secondary-accent { background-color: var(--color-accent); }
/* Status Colors */
.error { color: var(--color-error); }
.bg-error { background-color: var(--color-error); }
.warning { color: var(--color-warning); }
.bg-warning { background-color: var(--color-warning); }
.success { color: var(--color-success); }
.bg-success { background-color: var(--color-success); }
.info { color: var(--color-info); }
.bg-info { background-color: var(--color-info); }
/* Links */
.link { color: var(--color-link); transition: color var(--transition-speed); }
.link:hover { color: var(--color-link-hover); }