@use './vars';
@use './components';
@use './modules';

@mixin make-theme($is-dark: true) {
    @include vars.base;
    @include vars.colors($is-dark);

    // components
    @include components.label-default; // label for GPG signed commits
    @include components.label-signed; // label for GPG signed commits
    @include components.editor; // github-style (kinda) markdown editor in comments, issues, etc.
    @include components.forms; // github-style dropdown menus
    @include components.file-content; // github-style file content
    @include components.avatar; // github-style avatars
    @include components.gitea-button; // github-style buttons
    @include components.segment;
    @include components.comments; // github-style comment boxes
    @include components.markup; // styling rendered for markdown content

    // code highlighting
    // @include modules.chroma($is-dark);  // syntax highlighting
    // @include modules.codemirror;        // code editor
    // @include modules.monaco;            // vscode-like code editor

    @include modules.syntax; // syntax highlighting
    @include modules.settings; // settings & profile pages

    // customized pages
    @include modules.repo; // repo page
    @include modules.issues; // issues page
}