/**
 * RSP Works - Nextcloud Theme Adapter
 * Applies blog theme to Nextcloud interface
 *
 * Deploy to: Nextcloud container at /var/www/html/themes/custom/
 */

@import url('../css/core.css');

/* Base */
body {
    background-color: var(--background) !important;
    color: var(--text-primary) !important;
    font-family: var(--font-family) !important;
}

/* Top header bar */
#header {
    background-color: var(--text-secondary) !important;
}

/* Links */
a {
    color: var(--link-color) !important;
}
a:hover, a:focus {
    color: var(--link-hover) !important;
}

/* Buttons */
.button.primary,
button.primary,
input[type="submit"] {
    background-color: var(--text-secondary) !important;
    color: white !important;
    border-color: var(--text-secondary) !important;
}
.button.primary:hover,
button.primary:hover {
    background-color: var(--link-hover) !important;
}

/* Sidebar navigation */
#app-navigation {
    background-color: var(--background) !important;
}
#app-navigation a {
    color: var(--text-secondary) !important;
}
#app-navigation a:hover {
    color: var(--link-hover) !important;
}

/* Main content area */
#app-content {
    background-color: var(--background) !important;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
    color: var(--text-primary) !important;
}

/* Selection */
::selection {
    background: var(--selection-bg);
    color: var(--selection-text);
}