/* Sakura Dreams - A cherry blossom inspired theme for Gitea */ :root { --is-dark-theme: false; /* Primary Colors */ --color-primary: #ff85a1; --color-primary-dark: #ff6b8b; --color-primary-light: #ffa6c9; --color-primary-very-light: #ffd6e0; /* Main Text & Background */ --color-text: #7a2048; --color-text-light: #c75b7c; --color-text-dark: #5a1737; --color-body: #fff5f8; /* UI Colors */ --color-secondary: #ffb7c5; --color-secondary-dark: #ffa6b4; --color-secondary-light: #ffc8d6; /* State Colors */ --color-success: #ff9ecf; --color-success-dark: #ff85c0; --color-success-light: #ffb7de; --color-danger: #ff5c5c; --color-danger-dark: #ff4747; --color-danger-light: #ff7171; --color-warning: #ffc3a0; --color-warning-dark: #ffb78f; --color-warning-light: #ffd4b7; --color-info: #c393ff; --color-info-dark: #b47eff; --color-info-light: #d2a8ff; /* Other UI Elements */ --color-menu: #fff0f5; --color-card: #fff5f8; --color-markup-table-row: #fff0f5; --color-markup-code-block: #fff0f5; --color-button: #ff85a1; --color-border: #ffb7c5; --color-input-border: #ffc8d6; --color-input-background: #fff5f8; --color-small-accent: #ff6eb5; /* Diff Colors */ --color-diff-add-line: #ffecf5; --color-diff-add-word: #ffd6e7; --color-diff-del-line: #ffe8e8; --color-diff-del-word: #ffd1d1; --color-diff-section: #fff0f5; /* Code Syntax Highlighting */ --color-code-keyword: #ff69b4; --color-code-function: #db7093; --color-code-string: #ff9aac; --color-code-number: #c75b7c; --color-code-comment: #e5a3b5; --color-code-type: #e35a8f; --vscode-editor-background: #fff5f8; --color-footer: #fff5f8; --color-nav-bg: #fff5f8; --color-nav-hover-bg: #ffb7c5; } /* Header */ .ui.menu.inverted { background-color: var(--color-secondary); color: var(--color-text); } .ui.secondary.menu .item { color: var(--color-text); } .ui.secondary.menu .active.item { background-color: var(--color-primary-very-light); } /* Repository header */ .repository.header { background-color: var(--color-menu); } /* Buttons */ .ui.primary.button { background-color: var(--color-primary); } .ui.primary.button:hover { background-color: var(--color-primary-dark); } .ui.basic.button { box-shadow: 0 0 0 1px var(--color-border) inset; color: var(--color-text) !important; } .ui.basic.button:hover { background-color: var(--color-primary-very-light) !important; color: var(--color-text-dark) !important; } /* Tabs */ .ui.tabular.menu .item { color: var(--color-text-light); } .ui.tabular.menu .active.item { background-color: var(--color-primary-very-light); color: var(--color-text); border-color: var(--color-border); } /* Tables */ .ui.table thead th { background: var(--color-menu); color: var(--color-text); } .ui.table { border-color: var(--color-border); } /* Form inputs */ .ui.input input { background-color: var(--color-input-background); border-color: var(--color-input-border); color: var(--color-text); } .ui.input input:focus { border-color: var(--color-primary); } /* Labels */ .ui.label { background-color: var(--color-primary-very-light); color: var(--color-text); } /* Markdown Content */ .markdown:not(code) { color: var(--color-text); } .markdown code, .markdown pre { background-color: var(--color-markup-code-block); border-color: var(--color-border); } /* Sidebar */ .ui.vertical.menu { background-color: var(--color-menu); } .ui.vertical.menu .item { color: var(--color-text); } .ui.vertical.menu .active.item { background-color: var(--color-primary-very-light); } /* Status tags */ .ui.green.label { background-color: var(--color-success) !important; color: var(--color-body) !important; } .ui.red.label { background-color: var(--color-danger) !important; color: var(--color-body) !important; } .ui.yellow.label { background-color: var(--color-warning) !important; color: var(--color-text-dark) !important; } .ui.blue.label { background-color: var(--color-info) !important; color: var(--color-body) !important; } /* Dashboard cards */ .dashboard-card { background-color: var(--color-card); border-color: var(--color-border); } /* Timeline and activities */ .timeline-item { border-color: var(--color-border); } .timeline-item .badge { background-color: var(--color-primary-very-light); color: var(--color-text); } /* Code diff view */ .diff-file-box .code-diff-split .add-code { background-color: var(--color-diff-add-line); } .diff-file-box .code-diff-split .del-code { background-color: var(--color-diff-del-line); } .diff-file-box .code-diff-split .add-code .add-line { background-color: var(--color-diff-add-word); } .diff-file-box .code-diff-split .del-code .del-line { background-color: var(--color-diff-del-word); } .monaco-editor, .monaco-diff-editor, .monaco-component, .monaco-editor-background, .monaco-editor .margin { background: #fff5f8 !important; } .monaco-editor { --vscode-editor-selectionBackground: var(--color-primary) !important; --vscode-editor-inactiveSelectionBackground: var(--color-primary) !important; --vscode-editor-lineHighlightBackground: var(--color-primary) !important; } .monaco-editor .view-overlays .current-line { background-color: var(--color-primary) !important; } .monaco-editor .margin { background-color: transparent !important; } .monaco-editor .margin-view-overlays .current-line-margin { background-color: var(--color-primary) !important; } .active-line-number { background-color: transparent !important; } /* Scrollbar */ ::-webkit-scrollbar-thumb { background: var(--color-primary-light); } ::-webkit-scrollbar-thumb:hover { background: var(--color-primary); } ::-webkit-scrollbar-track { background: var(--color-primary-very-light); } body::before { background: url(https://cdn.nhcarrigan.com/background.png); background-size: cover; background-position: center; width: 100%; height: 100%; z-index: -100; content: ""; position: fixed; top: 0; left: 0; right: 0; bottom: 0; opacity: 1; pointer-events: none; } body::after { background: var(--color-body); opacity: 0.8; width: 100%; height: 100%; z-index: -50; content: ""; position: fixed; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; } html { cursor: url('https://cdn.nhcarrigan.com/cursors/cursor.cur'), auto; } a, button, .button, .dropdown { cursor: url('https://cdn.nhcarrigan.com/cursors/pointer.cur'), pointer !important; } #tree-nation-offset-website { display: flex; align-items: center; } @media screen and (max-width: 885px) { #tree-nation-offset-website { display: none; } } footer { width: 100%; display: flex; justify-content: space-between; align-items: center; color: var(--foreground); background-color: var(--background); position: fixed; bottom: 0; height: 75px; padding: 0 10px; } @media (max-width: 880px) { .page-footer { flex-direction: row; } } #navbar { position: fixed; top: 0; height: 50px; width: 100%; z-index: 1; } .page-content { margin-top: 50px; }