commit e25fe139ab66d89426843bb108d2ebe90a94d8ce Author: Pablo Vazquez Date: Fri Jan 20 12:23:48 2023 +0100 Initial commit bthree dark theme diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..3b7e381 --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +conf/ diff --git a/public/css/theme-bthree-dark.css b/public/css/theme-bthree-dark.css new file mode 100644 index 0000000..aec6e7d --- /dev/null +++ b/public/css/theme-bthree-dark.css @@ -0,0 +1,352 @@ + +/* bthree dark theme */ +:root { + --is-dark-theme: true; + + --color-primary: hsl(198deg 90% 56%); + + --color-primary-bg: hsla(198deg, 100%, 36%, .2); + + --color-primary-contrast: #ffffff; + --color-primary-dark-1: hsl(198deg 100% 54%); + --color-primary-dark-2: hsl(198deg 100% 64%); + --color-primary-dark-3: hsl(198deg 100% 70%); + --color-primary-dark-4: hsl(198deg 100% 78%); + --color-primary-dark-5: hsl(198deg 100% 84%); + --color-primary-dark-6: hsl(198deg 100% 89%); + --color-primary-dark-7: hsl(198deg 100% 94%); + + --color-primary-light-1: hsl(198deg 100% 40%); + --color-primary-light-2: hsl(198deg 100% 36%); + --color-primary-light-3: hsl(198deg 100% 30%); + --color-primary-light-4: hsl(198deg 100% 26%); + --color-primary-light-5: hsl(198deg 100% 20%); + --color-primary-light-6: hsl(198deg 100% 16%); + --color-primary-light-7: hsl(198deg 100% 10%); + + --color-primary-alpha-10: hsla(198deg 100% 46% 10%); + --color-primary-alpha-20: hsla(198deg 100% 46% 20%); + --color-primary-alpha-30: hsla(198deg 100% 46% 30%); + --color-primary-alpha-40: hsla(198deg 100% 46% 40%); + --color-primary-alpha-50: hsla(198deg 100% 46% 50%); + --color-primary-alpha-60: hsla(198deg 100% 46% 60%); + --color-primary-alpha-70: hsla(198deg 100% 46% 70%); + --color-primary-alpha-80: hsla(198deg 100% 46% 80%); + --color-primary-alpha-90: hsla(198deg 100% 46% 90%); + + --color-secondary: #454a57; + --color-secondary-dark-1: #505665; + --color-secondary-dark-2: #5b6273; + --color-secondary-dark-3: #71798e; + --color-secondary-dark-4: #7f8699; + --color-secondary-dark-5: #8c93a4; + --color-secondary-dark-6: #9aa0af; + --color-secondary-dark-7: #a8adba; + --color-secondary-dark-8: #b6bac5; + --color-secondary-dark-9: #c4c7d0; + --color-secondary-dark-10: #d2d4db; + --color-secondary-dark-11: #dfe1e6; + --color-secondary-dark-12: #edeef1; + --color-secondary-dark-13: #fbfbfc; + --color-secondary-light-1: #373b46; + --color-secondary-light-2: #292c34; + --color-secondary-light-3: #1c1e23; + --color-secondary-light-4: #0e0f11; + --color-secondary-alpha-10: #454a5719; + --color-secondary-alpha-20: #454a5733; + --color-secondary-alpha-30: #454a574b; + --color-secondary-alpha-40: #454a5766; + --color-secondary-alpha-50: #454a5780; + --color-secondary-alpha-60: #454a5799; + --color-secondary-alpha-70: #454a57b3; + --color-secondary-alpha-80: #454a57cc; + --color-secondary-alpha-90: #454a57e1; + + /* Colors for buttons, labels, etc. */ + --color-red: #cc4848; + --color-red-light: #c23636; + --color-orange: #cc580c; + --color-orange-light: #b84f0b; + --color-yellow: #cc9903; + --color-yellow-light: #b88a03; + --color-olive: #91a313; + --color-olive-light: #839311; + --color-green: hsl(124deg 41% 35%); + --color-green-light: hsl(124deg 41% 45%); + --color-teal: #00918a; + --color-teal-light: #00837c; + --color-blue: #3a8ac6; + --color-blue-light: #347cb3; + --color-violet: #906ae1; + --color-violet-light: #7b4edb; + --color-purple: #b259d0; + --color-purple-light: #a742c9; + --color-pink: #d22e8b; + --color-pink-light: #be297d; + --color-brown: #a47252; + --color-brown-light: #94674a; + --color-grey: #9ea2aa; + --color-grey-light: #8d919b; + --color-black: #1e222e; + --color-black-light: #1b1f29; + + /* other colors */ + --color-gold: #b1983b; + --color-white: #ffffff; + --color-diff-removed-word-bg: #6f3333; + --color-diff-added-word-bg: #3c653c; + --color-diff-removed-row-bg: #3c2626; + --color-diff-moved-row-bg: #818044; + --color-diff-added-row-bg: #283e2d; + --color-diff-removed-row-border: #634343; + --color-diff-moved-row-border: #bcca6f; + --color-diff-added-row-border: #314a37; + --color-diff-inactive: #353846; + --color-error-border: #a04141; + --color-error-bg: #522; + --color-error-bg-active: #744; + --color-error-bg-hover: #633; + --color-error-text: #f9cbcb; + --color-success-border: #458a57; + --color-success-bg: #284034; + --color-success-text: #6cc664; + --color-warning-border: #bb9d00; + --color-warning-bg: #3a3a30; + --color-warning-text: #fbbd08; + --color-info-border: #306090; + --color-info-bg: #26354c; + --color-info-text: #38a8e8; + --color-red-badge: #db2828; + --color-red-badge-bg: #db28281a; + --color-red-badge-hover-bg: #db28284d; + --color-green-badge: #21ba45; + --color-green-badge-bg: #21ba451a; + --color-green-badge-hover-bg: #21ba454d; + --color-yellow-badge: #fbbd08; + --color-yellow-badge-bg: #fbbd081a; + --color-yellow-badge-hover-bg: #fbbd084d; + --color-orange-badge: #f2711c; + --color-orange-badge-bg: #f2711c1a; + --color-orange-badge-hover-bg: #f2711c4d; + --color-git: #f05133; + /* target-based colors */ + + --color-body: #383c4a; + --color-box-header: #404652; + --color-box-header: hsl(227deg 16% 24%); + + --color-box-body: #2a2e3a; + --color-box-body: hsl(227deg 16% 20%); + --color-box-body-highlight: #353945; + --color-box-body-highlight: hsl(225deg 13% 24%); + --color-text-dark: #dbe0ea; + --color-text: #bbc0ca; + --color-text-light: #a6aab5; + --color-text-light-1: #979ba6; + --color-text-light-2: #8a8e99; + --color-text-light-3: #707687; + --color-footer: #2e323e; + --color-timeline: #4c525e; + --color-input-text: #d5dbe6; + --color-input-background: #232933; + --color-input-toggle-background: #454a57; + --color-input-border: #454a57; + --color-input-border-hover: #505667; + --color-navbar: #2a2e3a; + --color-navbar-transparent: #2a2e3a00; + --color-light: #00000028; + --color-light-mimic-enabled: rgba(0, 0, 0, calc(40 / 255 * 222 / 255 / var(--opacity-disabled))); + --color-light-border: #ffffff28; + --color-hover: #ffffff10; + --color-hover: hsla(0deg, 0%, 100%, .1); + --color-active: hsla(0deg, 0%, 100%, .15); + --color-menu: #2e323e; + --color-card: #2e323e; + --color-markup-table-row: #ffffff06; + --color-markup-code-block: #ffffff0d; + --color-button: #353846; + --color-code-bg: #2a2e3a; + --color-code-sidebar-bg: #2e323e; + --color-shadow: #00000060; + --color-secondary-bg: #2a2e3a; + --color-text-focus: #fff; + --color-expand-button: #3c404d; + --color-placeholder-text: #6a737d; + --color-editor-line-highlight: var(--color-primary-light-5); + --color-project-board-bg: var(--color-secondary-light-2); + --color-caret: var(--color-text); + /* should ideally be --color-text-dark, see #15651 */ + --color-reaction-bg: #ffffff12; + --color-reaction-active-bg: var(--color-primary-alpha-40); + --color-header-bar: #2e323e; + --color-label-active-bg: #4c525e; + --color-accent: var(--color-primary-light-1); + --color-small-accent: var(--color-primary-light-5); + --color-active-line: #534d1b; + + accent-color: var(--color-accent); + color-scheme: dark; + + --transition-speed: 150ms; + + --box-shadow-float: 0px 1px 4px 0px rgba(0,0,0,0.1), 0px 5px 10px -1px rgba(0,0,0,0.05); + --box-shadow-dropdown-menu: var(--box-shadow-float); + + --border-radius-outer: .39rem; + + --spacer: 1rem; + --spacer-1: .25rem; + --spacer-2: .5rem; + --spacer-3: var(--spacer); + --spacer-4: 1.5rem; + --spacer-5: 3rem; + + /* Labels. e.g. issues count indicator in repo tabs. */ + --label-color-primary-bg: var(--color-secondary); + + /* Footer. */ + --color-footer-text: var(--color-text-light-3); + --color-footer-links: var(--color-text-light-1); +} + +/* Custom styling of individual elements. + * Using !important is bad, but unfortunately gitea does it already in _base.less. */ +.ui.primary.label { + background-color: var(--label-color-primary-bg) !important; +} + +.ui.primary.button, +.ui.primary.buttons .button { + background-color: var(--color-primary-bg) !important; + border-color: var(--color-primary-bg) !important; + color: var(--color-primary) !important; +} + +.ui.primary.button:hover, +.ui.primary.buttons .button:hover { + background-color: var(--color-primary) !important; + color: var(--color-primary-contrast) !important; +} + +/* Small buttons + * e.g. HTTP/SSH clone buttons in repo homepage. */ +.ui.basic.primary.button, +.ui.basic.primary.buttons .button { + box-shadow: none !important; +} + +/* Vertical menu. +* Used in: /issues */ +.ui.vertical.menu { + padding: var(--spacer-1); + border-radius: var(--border-radius); +} + +/* Vertical menu: active item. + * Gitea adds a "primary" class to what would be the active item. */ +.ui.vertical.menu > .item.primary { + background-color: var(--color-active) !important; + box-shadow: none !important; +} + +/* Dropdown menus. + * e.g. */ +.ui.dropdown .menu { + border-radius: var(--border-radius) !important; + box-shadow: var(--box-shadow-dropdown-menu) !important; +} + +/* Replace gitea's hardcoded border-radius with variables. */ +.ui.compact.menu { + border-radius: var(--border-radius-outer); +} + +.ui.compact.menu>.item:first-child { + border-radius: var(--border-radius) 0 0 var(--border-radius); +} + +.ui.compact.menu>.item:last-child { + border-radius: 0 var(--border-radius) var(--border-radius) 0; +} + +/* Navigation tabs. + * e.g. Code, Issues pages in a repository. */ +.ui.tabular.menu .item { + border: none; + border-bottom: 3px solid transparent; + transition: border-bottom-color var(--transition-speed) ease-in-out, color var(--transition-speed) ease-in-out; +} + +.ui.tabular.menu .item:hover { + border-bottom-color: var(--color-text-light-3); +} + +.ui.tabular.menu .active.item { + background: transparent; + border: none; + border-bottom: 3px solid currentColor; + margin-bottom: unset; +} + +.ui.tabular.menu .active.item:hover { + background: transparent; + border-color: currentColor; + color: var(--color-primary-contrast); +} + +/* Top navigation bar. + * e.g. Issues, Pull Requests, etc. */ +.ui.menu.bar { + border: none; +} + +/* Repository page. */ +.repository .ui.tabs.divider { + border: none; +} + +/* Repository folder icon. */ +.repository.file.list #repo-files-table tbody .svg.octicon-file-directory-fill { + color: currentColor; +} + +/* Repository: Activity page. */ +.stats-table { + border-radius: 999em; + margin-bottom: var(--spacer); + overflow: hidden; +} + +/* Footer. */ +footer { + color: var(--color-footer-text); +} + +footer a { + color: var(--color-footer-links); +} + +/* (from arc-green) + * invert emojis that are hard to read otherwise */ +.emoji[aria-label="check mark"], +.emoji[aria-label="currency exchange"], +.emoji[aria-label="TOP arrow"], +.emoji[aria-label="END arrow"], +.emoji[aria-label="ON! arrow"], +.emoji[aria-label="SOON arrow"], +.emoji[aria-label="heavy dollar sign"], +.emoji[aria-label="copyright"], +.emoji[aria-label="registered"], +.emoji[aria-label="trade mark"], +.emoji[aria-label="multiply"], +.emoji[aria-label="plus"], +.emoji[aria-label="minus"], +.emoji[aria-label="divide"], +.emoji[aria-label="curly loop"], +.emoji[aria-label="double curly loop"], +.emoji[aria-label="wavy dash"], +.emoji[aria-label="paw prints"], +.emoji[aria-label="musical note"], +.emoji[aria-label="musical notes"] { + filter: invert(100%) hue-rotate(180deg); +} diff --git a/public/img/apple-touch-icon.png b/public/img/apple-touch-icon.png new file mode 100644 index 0000000..1d335dc Binary files /dev/null and b/public/img/apple-touch-icon.png differ diff --git a/public/img/avatar_default.png b/public/img/avatar_default.png new file mode 100644 index 0000000..d3f170f Binary files /dev/null and b/public/img/avatar_default.png differ diff --git a/public/img/favicon.png b/public/img/favicon.png new file mode 100644 index 0000000..52e8586 Binary files /dev/null and b/public/img/favicon.png differ diff --git a/public/img/favicon.svg b/public/img/favicon.svg new file mode 100644 index 0000000..548c0ba --- /dev/null +++ b/public/img/favicon.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/img/logo.png b/public/img/logo.png new file mode 100644 index 0000000..6f24985 Binary files /dev/null and b/public/img/logo.png differ diff --git a/public/img/logo.svg b/public/img/logo.svg new file mode 100644 index 0000000..548c0ba --- /dev/null +++ b/public/img/logo.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/templates/custom/extra_links.tmpl b/templates/custom/extra_links.tmpl new file mode 100644 index 0000000..94d839a --- /dev/null +++ b/templates/custom/extra_links.tmpl @@ -0,0 +1 @@ +{{.locale.Tr "Report a Bug"}}