/**
 * RSP Works - Gitea Theme Adapter
 * Applies blog theme to Gitea interface
 *
 * Deploy to: /opt/gitea/data/gitea/custom/public/css/
 * Then set CUSTOM_STYLE_URL in app.ini
 */

@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;
}

/* Top navigation bar */
.ui.top.attached.header,
.header .ui.menu {
    background-color: var(--text-secondary) !important;
    color: white !important;
    border-color: var(--text-secondary) !important;
}
.ui.menu .item,
.ui.menu a.item {
    color: white !important;
}
.ui.menu .item:hover,
.ui.menu a.item:hover {
    background-color: var(--link-hover) !important;
    color: white !important;
}

/* Buttons */
.ui.primary.button {
    background-color: var(--text-secondary) !important;
    color: white !important;
}
.ui.primary.button:hover {
    background-color: var(--link-hover) !important;
}

/* Repository list */
.repository.list .item {
    border-bottom: 1px solid #ddd !important;
}

/* Code blocks */
.code-view .code-inner,
.hljs {
    background-color: var(--background) !important;
    color: var(--text-primary) !important;
}

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

/* Cards / segments */
.ui.segment {
    background-color: white !important;
    border-color: #ddd !important;
}

/* Footer */
.footer {
    color: var(--text-secondary) !important;
}

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