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