diff --git a/static/other/gitea.css b/static/other/gitea.css index 769538b..f51a89e 100644 --- a/static/other/gitea.css +++ b/static/other/gitea.css @@ -300,112 +300,115 @@ } :root { --is-dark-theme: true; - --color-primary: #4b80ca; - --color-primary-contrast: #fff; - --color-primary-dark-1: #739cb3; - --color-primary-dark-2: #40aaff; - --color-primary-dark-3: #92b4c4; + /* Nord primary: nord10 #5E81AC */ + --color-primary: #5E81AC; + --color-primary-contrast: #ECEFF4; + --color-primary-dark-1: #81A1C1; + --color-primary-dark-2: #88C0D0; + --color-primary-dark-3: #8FBCBB; --color-primary-dark-4: #a1bbcd; - --color-primary-dark-5: #cfddc1; - --color-primary-dark-6: #e7eee0; - --color-primary-dark-7: #f8faf6; - --color-primary-light-1: #4b80ca; - --color-primary-light-2: #437aad; - --color-primary-light-3: #415b8b; - --color-primary-light-4: #25425a; - --color-primary-light-5: #223546; - --color-primary-light-6: #131923; - --color-primary-light-7: #06090b; - --color-primary-alpha-10: #3683c019; - --color-primary-alpha-20: #3683c033; - --color-primary-alpha-30: #3683c04b; - --color-primary-alpha-40: #3683c066; - --color-primary-alpha-50: #3683c080; - --color-primary-alpha-60: #3683c099; - --color-primary-alpha-70: #3683c0b3; - --color-primary-alpha-80: #3683c0cc; - --color-primary-alpha-90: #3683c0e1; + --color-primary-dark-5: #D8DEE9; + --color-primary-dark-6: #E5E9F0; + --color-primary-dark-7: #ECEFF4; + --color-primary-light-1: #5E81AC; + --color-primary-light-2: #4e6f96; + --color-primary-light-3: #3e5c80; + --color-primary-light-4: #2e4a6a; + --color-primary-light-5: #243a54; + --color-primary-light-6: #1a2a3e; + --color-primary-light-7: #101a28; + --color-primary-alpha-10: #5E81AC19; + --color-primary-alpha-20: #5E81AC33; + --color-primary-alpha-30: #5E81AC4b; + --color-primary-alpha-40: #5E81AC66; + --color-primary-alpha-50: #5E81AC80; + --color-primary-alpha-60: #5E81AC99; + --color-primary-alpha-70: #5E81ACb3; + --color-primary-alpha-80: #5E81ACcc; + --color-primary-alpha-90: #5E81ACe1; --color-primary-hover: var(--color-primary-light-1); --color-primary-active: var(--color-primary-light-2); - --color-secondary: #2c2f35; - --color-secondary-dark-1: #505665; + /* Nord secondary: nord0-3 */ + --color-secondary: #3B4252; + --color-secondary-dark-1: #4C566A; --color-secondary-dark-2: #5b6273; - --color-secondary-dark-3: #71798e; + --color-secondary-dark-3: #6d7486; --color-secondary-dark-4: #7f8699; --color-secondary-dark-5: #8c93a4; --color-secondary-dark-6: #9aa0af; --color-secondary-dark-7: #a8adba; --color-secondary-dark-8: #c4c7d0; - --color-secondary-dark-9: #dfe1e6; - --color-secondary-dark-10: #edeef1; - --color-secondary-dark-11: #fbfbfc; - --color-secondary-dark-12: #eeeff2; - --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: #2c2f35; - --color-secondary-alpha-20: #2c2f3533; - --color-secondary-alpha-30: #2c2f354b; - --color-secondary-alpha-40: #2c2f3566; - --color-secondary-alpha-50: #2c2f3580; - --color-secondary-alpha-60: #2c2f3599; - --color-secondary-alpha-70: #2c2f35b3; - --color-secondary-alpha-80: #2c2f35cc; - --color-secondary-alpha-90: #2c2f35e1; - --color-red: #da3737; - --color-orange: #f17a2b; - --color-yellow: #f3c640; - --color-olive: #c8df36; - --color-green: #3bc75b; - --color-teal: #69d4cf; - --color-blue: #4b80ca; - --color-violet: #754ad3; - --color-purple: #b65dd4; - --color-pink: #e04b9f; - --color-brown: #a86d45; - --color-black: #141516; - --color-grey: #797c85; - --color-gold: #d4b74c; - --color-white: #ffffff; - --color-red-light: #d15a5a; - --color-orange-light: #f6a066; - --color-yellow-light: #eaaf03; - --color-olive-light: #abc016; - --color-green-light: #93b373; - --color-teal-light: #00b6ad; - --color-blue-light: #4e96cc; - --color-violet-light: #9b79e4; - --color-purple-light: #ba6ad5; - --color-pink-light: #d74397; - --color-brown-light: #b08061; - --color-black-light: #3f4555; - --color-red-dark-1: #c23636; - --color-orange-dark-1: #f38236; - --color-yellow-dark-1: #b88a03; - --color-olive-dark-1: #839311; - --color-green-dark-1: #7a9e55; - --color-teal-dark-1: #00837c; - --color-blue-dark-1: #347cb3; - --color-violet-dark-1: #7b4edb; - --color-purple-dark-1: #a742c9; - --color-pink-dark-1: #be297d; - --color-brown-dark-1: #94674a; - --color-black-dark-1: #292d38; - --color-red-dark-2: #ad3030; - --color-orange-dark-2: #f16e17; - --color-yellow-dark-2: #a37a02; - --color-olive-dark-2: #74820f; - --color-green-dark-2: #6c8c4c; - --color-teal-dark-2: #00746e; - --color-blue-dark-2: #2e6e9f; - --color-violet-dark-2: #6733d6; - --color-purple-dark-2: #9834b9; - --color-pink-dark-2: #a9246f; - --color-brown-dark-2: #835b42; - --color-black-dark-2: #252832; - --color-console-bg: #11171f; + --color-secondary-dark-9: #D8DEE9; + --color-secondary-dark-10: #E5E9F0; + --color-secondary-dark-11: #ECEFF4; + --color-secondary-dark-12: #E5E9F0; + --color-secondary-dark-13: #ECEFF4; + --color-secondary-light-1: #3B4252; + --color-secondary-light-2: #2E3440; + --color-secondary-light-3: #242933; + --color-secondary-light-4: #1a1e26; + --color-secondary-alpha-10: #3B4252; + --color-secondary-alpha-20: #3B425233; + --color-secondary-alpha-30: #3B42524b; + --color-secondary-alpha-40: #3B425266; + --color-secondary-alpha-50: #3B425280; + --color-secondary-alpha-60: #3B425299; + --color-secondary-alpha-70: #3B4252b3; + --color-secondary-alpha-80: #3B4252cc; + --color-secondary-alpha-90: #3B4252e1; + /* Nord accent colors */ + --color-red: #BF616A; + --color-orange: #D08770; + --color-yellow: #EBCB8B; + --color-olive: #A3BE8C; + --color-green: #A3BE8C; + --color-teal: #8FBCBB; + --color-blue: #5E81AC; + --color-violet: #B48EAD; + --color-purple: #B48EAD; + --color-pink: #BF616A; + --color-brown: #D08770; + --color-black: #2E3440; + --color-grey: #4C566A; + --color-gold: #EBCB8B; + --color-white: #ECEFF4; + --color-red-light: #d08088; + --color-orange-light: #dca08e; + --color-yellow-light: #f0d8a8; + --color-olive-light: #b5cca0; + --color-green-light: #b5cca0; + --color-teal-light: #a8d0cf; + --color-blue-light: #81A1C1; + --color-violet-light: #c4a6be; + --color-purple-light: #c4a6be; + --color-pink-light: #d08088; + --color-brown-light: #dca08e; + --color-black-light: #4C566A; + --color-red-dark-1: #a9545c; + --color-orange-dark-1: #b87563; + --color-yellow-dark-1: #d4b577; + --color-olive-dark-1: #8da877; + --color-green-dark-1: #8da877; + --color-teal-dark-1: #7aa6a5; + --color-blue-dark-1: #4e6f96; + --color-violet-dark-1: #9e7a98; + --color-purple-dark-1: #9e7a98; + --color-pink-dark-1: #a9545c; + --color-brown-dark-1: #b87563; + --color-black-dark-1: #3B4252; + --color-red-dark-2: #93494f; + --color-orange-dark-2: #a06656; + --color-yellow-dark-2: #bda064; + --color-olive-dark-2: #779264; + --color-green-dark-2: #779264; + --color-teal-dark-2: #65908f; + --color-blue-dark-2: #3e5c80; + --color-violet-dark-2: #886882; + --color-purple-dark-2: #886882; + --color-pink-dark-2: #93494f; + --color-brown-dark-2: #a06656; + --color-black-dark-2: #2E3440; + --color-console-bg: #1a1e26; --color-ansi-black: var(--color-black); --color-ansi-red: var(--color-red); --color-ansi-green: var(--color-green); @@ -422,63 +425,63 @@ --color-ansi-bright-magenta: var(--color-pink-light); --color-ansi-bright-cyan: var(--color-teal-light); --color-ansi-bright-white: var(--color-console-fg); - --color-grey: #505665; - --color-grey-light: #a1a6b7; - --color-gold: #b1983b; - --color-white: #fff; - --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; + --color-grey: #4C566A; + --color-grey-light: #D8DEE9; + --color-gold: #EBCB8B; + --color-white: #ECEFF4; + --color-diff-removed-word-bg: #5a3035; + --color-diff-added-word-bg: #3a5038; + --color-diff-removed-row-bg: #3d2a2d; + --color-diff-moved-row-bg: #4a4430; + --color-diff-added-row-bg: #2d3a2a; + --color-diff-removed-row-border: #BF616A44; + --color-diff-moved-row-border: #EBCB8B66; + --color-diff-added-row-border: #A3BE8C44; + --color-diff-inactive: #3B4252; + --color-error-border: #BF616A; + --color-error-bg: #3d2a2d; + --color-error-bg-active: #5a3539; + --color-error-bg-hover: #4a2f33; + --color-error-text: #d08088; + --color-success-border: #A3BE8C; + --color-success-bg: #2d3a2a; + --color-success-text: #A3BE8C; + --color-warning-border: #EBCB8B; + --color-warning-bg: #3a3728; + --color-warning-text: #EBCB8B; + --color-info-border: #5E81AC; + --color-info-bg: #2a3444; + --color-info-text: #81A1C1; + --color-red-badge: #BF616A; + --color-red-badge-bg: #BF616A1a; + --color-red-badge-hover-bg: #BF616A4d; + --color-green-badge: #A3BE8C; + --color-green-badge-bg: #A3BE8C1a; + --color-green-badge-hover-bg: #A3BE8C4d; + --color-yellow-badge: #EBCB8B; + --color-yellow-badge-bg: #EBCB8B1a; + --color-yellow-badge-hover-bg: #EBCB8B4d; + --color-orange-badge: #D08770; + --color-orange-badge-bg: #D087701a; + --color-orange-badge-hover-bg: #D087704d; + --color-git: #BF616A; --color-body: #000; - --color-box-header: #161b22; - --color-box-body: #0d1117; - --color-box-body-highlight: #262b36; - --color-text-dark: #dbe0ea; - --color-text: #bbc0ca; - --color-text-light: #a6aab5; - --color-text-light-1: rgb(125, 133, 144); - --color-text-light-2: #8a8e99; - --color-text-light-3: #707687; + --color-box-header: #2E3440; + --color-box-body: #1a1e26; + --color-box-body-highlight: #3B4252; + --color-text-dark: #ECEFF4; + --color-text: #D8DEE9; + --color-text-light: #b0b8c8; + --color-text-light-1: #8892a2; + --color-text-light-2: #7a8494; + --color-text-light-3: #6c7686; --color-footer: #000; - --color-timeline: #4c525e; - --color-input-text: #d5dbe6; - --color-input-background: #2c2f35; - --color-input-toggle-background: #454a57; - --color-input-border: #2c2f35; - --color-input-border-hover: #505667; + --color-timeline: #4C566A; + --color-input-text: #D8DEE9; + --color-input-background: #3B4252; + --color-input-toggle-background: #4C566A; + --color-input-border: #3B4252; + --color-input-border-hover: #5E81AC; --color-header-wrapper: transparent; --color-header-wrapper-transparent: transparent; --color-light: #00000028; @@ -491,18 +494,18 @@ --color-light-border: #ffffff28; --color-hover: #ffffff19; --color-active: #ffffff24; - --color-menu: #0d1117; + --color-menu: #1a1e26; --color-card: #000; --color-markup-table-row: #ffffff06; --color-markup-code-block: #ffffff16; - --color-button: #1e252e; - --color-code-bg: #0d1117; - --color-code-sidebar-bg: #232834; + --color-button: #3B4252; + --color-code-bg: #1a1e26; + --color-code-sidebar-bg: #2E3440; --color-shadow: #00000060; - --color-secondary-bg: #2c2f35; - --color-text-focus: #fff; - --color-expand-button: #3c404d; - --color-placeholder-text: #8a8e99; + --color-secondary-bg: #3B4252; + --color-text-focus: #ECEFF4; + --color-expand-button: #4C566A; + --color-placeholder-text: #6c7686; --color-editor-line-highlight: var(--color-primary-light-5); --color-project-board-bg: var(--color-secondary-light-2); --color-caret: var(--color-text); @@ -513,10 +516,10 @@ --color-tooltip-bg: #000000f0; --color-nav-bg: transparent; --color-nav-hover-bg: rgba(255,255,255,0.1); - --color-label-text: #dfe3ec; - --color-label-bg: #7c84974b; - --color-label-hover-bg: #7c8497a0; - --color-label-active-bg: #7c8497; + --color-label-text: #D8DEE9; + --color-label-bg: #4C566A4b; + --color-label-hover-bg: #4C566Aa0; + --color-label-active-bg: #4C566A; --color-accent: var(--color-primary-light-1); --color-small-accent: var(--color-primary-light-5); --color-active-line: #534d1b; @@ -620,7 +623,7 @@ body { /* Nav items base style */ #navbar .item { color: #999 !important; - font-size: 0.875rem; + font-size: 1rem; padding: 0.35rem 0.65rem; border-radius: 100px; transition: all 150ms; @@ -643,8 +646,8 @@ body { flex-shrink: 0; } #navbar-logo img { - width: 24px; - height: 24px; + width: 30px; + height: 30px; } /* Avatar — round */