/**
 * RSP Works - TT-RSS Theme Adapter
 * Applies blog theme to Tiny Tiny RSS
 *
 * Deploy to: /var/www/tt-rss/themes/custom/ on FR1
 * Or paste into TT-RSS Preferences > Interface > Custom CSS
 */

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

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

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

/* Toolbar */
#toolbar {
    background-color: var(--text-secondary) !important;
    color: white !important;
}
#toolbar a {
    color: white !important;
}

/* Feed list / headlines */
#headlines-frame {
    background-color: var(--background) !important;
}

/* Headline items */
.hl {
    border-bottom: 1px solid #ddd !important;
    color: var(--text-primary) !important;
}

/* Selected headline */
.hl.Selected {
    background-color: var(--text-secondary) !important;
    color: white !important;
}
.hl.Selected a {
    color: white !important;
}

/* Read vs unread */
.hl.read {
    color: var(--text-secondary) !important;
}
.hl.unread {
    color: var(--text-primary) !important;
    font-weight: bold;
}

/* Article view */
#content-frame {
    background-color: white !important;
    color: var(--text-primary) !important;
}

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

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