0
0
mirror of https://gitea.artixlinux.org/artix/gitea-dark-blue.git synced 2024-12-18 07:43:43 +00:00

slight visual improvements

This commit is contained in:
Cory Sanin 2024-12-08 12:09:24 -05:00
parent 8af0dc648f
commit ce80eaa67d
No known key found for this signature in database
GPG Key ID: 3C9D5434D7A93DCF
3 changed files with 61 additions and 43 deletions

View File

@ -1,13 +1,13 @@
:root { :root {
--is-dark-theme: true; --is-dark-theme: true;
--color-primary: #4ab2fa; --color-primary: #00a0fa;
--color-primary-contrast: #1a1a1a; --color-primary-contrast: #0a0a0a;
--color-primary-dark-1: #68cafd; --color-primary-dark-1: #4ab2fa;
--color-primary-dark-2: #8ed9ff; --color-primary-dark-2: #68cafd;
--color-primary-dark-3: #A4E1FF; --color-primary-dark-3: #8ed9ff;
--color-primary-dark-4: #bae8ff; --color-primary-dark-4: #A4E1FF;
--color-primary-dark-5: #CFEFFF; --color-primary-dark-5: #bae8ff;
--color-primary-dark-6: #e4f6ff; --color-primary-dark-6: #CFEFFF;
--color-primary-dark-7: #f4f8fb; --color-primary-dark-7: #f4f8fb;
--color-primary-light-1: #00a0fa; --color-primary-light-1: #00a0fa;
--color-primary-light-2: #0090f7; --color-primary-light-2: #0090f7;
@ -25,8 +25,8 @@
--color-primary-alpha-70: #53bffcb3; --color-primary-alpha-70: #53bffcb3;
--color-primary-alpha-80: #53bffccc; --color-primary-alpha-80: #53bffccc;
--color-primary-alpha-90: #53bffce1; --color-primary-alpha-90: #53bffce1;
--color-primary-hover: var(--color-primary-light-1); --color-primary-hover: var(--color-primary-light-2);
--color-primary-active: var(--color-primary-light-2); --color-primary-active: var(--color-primary-light-3);
--color-secondary: #858585; --color-secondary: #858585;
--color-secondary-dark-1: #414b54; --color-secondary-dark-1: #414b54;
--color-secondary-dark-2: #49545f; --color-secondary-dark-2: #49545f;
@ -43,7 +43,7 @@
--color-secondary-dark-13: #d2d7dc; --color-secondary-dark-13: #d2d7dc;
--color-secondary-light-1: #707070; --color-secondary-light-1: #707070;
--color-secondary-light-2: #505050; --color-secondary-light-2: #505050;
--color-secondary-light-3: #2e2e2e; --color-secondary-light-3: #1F2123;
--color-secondary-light-4: #171b1e; --color-secondary-light-4: #171b1e;
--color-secondary-alpha-10: #85858519; --color-secondary-alpha-10: #85858519;
--color-secondary-alpha-20: #85858533; --color-secondary-alpha-20: #85858533;
@ -71,11 +71,11 @@
--color-orange: #f38236; --color-orange: #f38236;
--color-yellow: #b88a03; --color-yellow: #b88a03;
--color-olive: #839311; --color-olive: #839311;
--color-green: #7a9e55; --color-green: #3b8631;
--color-teal: #00837c; --color-teal: #00837c;
--color-blue: #347cb3; --color-blue: #347cb3;
--color-violet: #7b4edb; --color-violet: #7b4edb;
--color-purple: #a742c9; --color-purple: #881bb9;
--color-pink: #be297d; --color-pink: #be297d;
--color-brown: #94674a; --color-brown: #94674a;
--color-black: #292e38; --color-black: #292e38;
@ -84,11 +84,11 @@
--color-orange-light: rgb(244.2, 142.5, 74.1); --color-orange-light: rgb(244.2, 142.5, 74.1);
--color-yellow-light: rgb(215.7818181818, 161.8363636364, 3.5181818182); --color-yellow-light: rgb(215.7818181818, 161.8363636364, 3.5181818182);
--color-olive-light: rgb(158.637804878, 178.0134146341, 20.5865853659); --color-olive-light: rgb(158.637804878, 178.0134146341, 20.5865853659);
--color-green-light: rgb(135.3444444444, 170.9444444444, 98.7555555556); --color-green-light: rgb(69.5426229508, 157.9442622951, 57.7557377049);
--color-teal-light: rgb(0, 168.9, 159.8748091603); --color-teal-light: rgb(0, 168.9, 159.8748091603);
--color-blue-light: rgb(60.4246753247, 138.6896103896, 198.4753246753); --color-blue-light: rgb(60.4246753247, 138.6896103896, 198.4753246753);
--color-violet-light: rgb(136.2, 95.7, 222.6); --color-violet-light: rgb(136.2, 95.7, 222.6);
--color-purple-light: rgb(175.8, 84.9, 206.4); --color-purple-light: rgb(155.1169811321, 30.7952830189, 211.0047169811);
--color-pink-light: rgb(210.4324675325, 48.4675324675, 139.7766233766); --color-pink-light: rgb(210.4324675325, 48.4675324675, 139.7766233766);
--color-brown-light: rgb(167.2, 116.3621621622, 83.6); --color-brown-light: rgb(167.2, 116.3621621622, 83.6);
--color-black-light: rgb(58.4567010309, 65.5855670103, 79.8432989691); --color-black-light: rgb(58.4567010309, 65.5855670103, 79.8432989691);
@ -97,11 +97,11 @@
--color-orange-dark-1: rgb(241.3267605634, 112.5704225352, 25.9732394366); --color-orange-dark-1: rgb(241.3267605634, 112.5704225352, 25.9732394366);
--color-yellow-dark-1: rgb(165.6, 124.2, 2.7); --color-yellow-dark-1: rgb(165.6, 124.2, 2.7);
--color-olive-dark-1: rgb(117.9, 132.3, 15.3); --color-olive-dark-1: rgb(117.9, 132.3, 15.3);
--color-green-dark-1: rgb(109.8, 142.2, 76.5); --color-green-dark-1: rgb(53.1, 120.6, 44.1);
--color-teal-dark-1: rgb(0, 117.9, 111.6); --color-teal-dark-1: rgb(0, 117.9, 111.6);
--color-blue-dark-1: rgb(46.8, 111.6, 161.1); --color-blue-dark-1: rgb(46.8, 111.6, 161.1);
--color-violet-dark-1: rgb(104.5943661972, 53.3197183099, 213.9802816901); --color-violet-dark-1: rgb(104.5943661972, 53.3197183099, 213.9802816901);
--color-purple-dark-1: rgb(153.2777777778, 53.4, 186.9); --color-purple-dark-1: rgb(122.4, 24.3, 166.5);
--color-pink-dark-1: rgb(171, 36.9, 112.5); --color-pink-dark-1: rgb(171, 36.9, 112.5);
--color-brown-dark-1: rgb(133.2, 92.7, 66.6); --color-brown-dark-1: rgb(133.2, 92.7, 66.6);
--color-black-dark-1: rgb(36.9, 41.4, 50.4); --color-black-dark-1: rgb(36.9, 41.4, 50.4);
@ -110,11 +110,11 @@
--color-orange-dark-2: rgb(224.214084507, 98.1633802817, 13.385915493); --color-orange-dark-2: rgb(224.214084507, 98.1633802817, 13.385915493);
--color-yellow-dark-2: rgb(147.2, 110.4, 2.4); --color-yellow-dark-2: rgb(147.2, 110.4, 2.4);
--color-olive-dark-2: rgb(104.8, 117.6, 13.6); --color-olive-dark-2: rgb(104.8, 117.6, 13.6);
--color-green-dark-2: rgb(97.6, 126.4, 68); --color-green-dark-2: rgb(47.2, 107.2, 39.2);
--color-teal-dark-2: rgb(0, 104.8, 99.2); --color-teal-dark-2: rgb(0, 104.8, 99.2);
--color-blue-dark-2: rgb(41.6, 99.2, 143.2); --color-blue-dark-2: rgb(41.6, 99.2, 143.2);
--color-violet-dark-2: rgb(90.3549295775, 40.1577464789, 197.4422535211); --color-violet-dark-2: rgb(90.3549295775, 40.1577464789, 197.4422535211);
--color-purple-dark-2: rgb(136.2469135802, 47.4666666667, 166.1333333333); --color-purple-dark-2: rgb(108.8, 21.6, 148);
--color-pink-dark-2: rgb(152, 32.8, 100); --color-pink-dark-2: rgb(152, 32.8, 100);
--color-brown-dark-2: rgb(118.4, 82.4, 59.2); --color-brown-dark-2: rgb(118.4, 82.4, 59.2);
--color-black-dark-2: rgb(32.8, 36.8, 44.8); --color-black-dark-2: rgb(32.8, 36.8, 44.8);
@ -199,7 +199,7 @@
--color-light: #00001728; --color-light: #00001728;
--color-light-mimic-enabled: rgba(0, 0, 0, calc(40 / 255 * 222 / 255 / var(--opacity-disabled))); --color-light-mimic-enabled: rgba(0, 0, 0, calc(40 / 255 * 222 / 255 / var(--opacity-disabled)));
--color-light-border: #e8f3ff28; --color-light-border: #e8f3ff28;
--color-hover: #1a1a1a; --color-hover: var(--color-menu);
--color-active: #e8f3ff24; --color-active: #e8f3ff24;
--color-menu: #2a2a2a; --color-menu: #2a2a2a;
--color-card: #2a2a2a; --color-card: #2a2a2a;
@ -209,7 +209,7 @@
--color-button: #1a1a1a; --color-button: #1a1a1a;
--color-code-bg: #111; --color-code-bg: #111;
--color-shadow: #00001758; --color-shadow: #00001758;
--color-secondary-bg: #2a3137; --color-secondary-bg: #303030;
--color-expand-button: #2f363d; --color-expand-button: #2f363d;
--color-placeholder-text: var(--color-text-light-3); --color-placeholder-text: var(--color-text-light-3);
--color-editor-line-highlight: var(--color-primary-light-5); --color-editor-line-highlight: var(--color-primary-light-5);
@ -222,7 +222,7 @@
--color-tooltip-text: var(--color-text); --color-tooltip-text: var(--color-text);
--color-tooltip-bg: #315875; --color-tooltip-bg: #315875;
--color-nav-bg: #333; --color-nav-bg: #333;
--color-nav-hover-bg: var(--color-secondary-light-4); --color-nav-hover-bg: var(--color-secondary-light-3);
--color-nav-text: var(--color-text); --color-nav-text: var(--color-text);
--color-secondary-nav-bg: #0c1a28; --color-secondary-nav-bg: #0c1a28;
--color-label-text: var(--color-text); --color-label-text: var(--color-text);
@ -262,12 +262,21 @@
filter: invert(100%) hue-rotate(180deg); filter: invert(100%) hue-rotate(180deg);
} }


.menu {
--color-hover: var(--color-nav-hover-bg);
}

.text.primary {
color: var(--color-primary-dark-1) !important;
}

nav#navbar { nav#navbar {
border-bottom: 5px #0a6682 solid; border-bottom: 5px #0a6682 solid;
} }


.secondary-nav { .secondary-nav {
--color-button: #2a2a2a; --color-button: #2a2a2a;
--color-hover: #1a1a1a;
} }


.repo-button-row { .repo-button-row {
@ -281,14 +290,14 @@ nav#navbar {
} }


.ui.table > tbody { .ui.table > tbody {
background-color: var(--color-hover); background-color: #222;
} }


.repository #commits-table.ui.basic.striped.table tbody tr:nth-child(2n), .repository #commits-table.ui.basic.striped.table tbody tr:nth-child(2n),
.ui.basic.striped.table > tbody > tr:nth-child(2n), .ui.basic.striped.table > tbody > tr:nth-child(2n),
.ui.striped.table > tr:nth-child(2n), .ui.striped.table > tr:nth-child(2n),
.ui.striped.table > tbody > tr:nth-child(2n) { .ui.striped.table > tbody > tr:nth-child(2n) {
background-color: #111111 !important; background-color: #161616 !important;
} }


/*# sourceMappingURL=theme-arc-blue.css.map */ /*# sourceMappingURL=theme-arc-blue.css.map */

View File

@ -1 +1 @@
{"version":3,"sourceRoot":"","sources":["theme-arc-blue.scss"],"names":[],"mappings":"AAaA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAoBI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;AAAA;AAAA;AAAA;EAIE","file":"theme-arc-blue.css"} {"version":3,"sourceRoot":"","sources":["theme-arc-blue.scss"],"names":[],"mappings":"AAaA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAoBI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;AAAA;AAAA;AAAA;EAIE","file":"theme-arc-blue.css"}

View File

@ -2,25 +2,25 @@ $red: #c23636;
$orange: #f38236; $orange: #f38236;
$yellow: #b88a03; $yellow: #b88a03;
$olive: #839311; $olive: #839311;
$green: #7a9e55; $green: #3b8631;
$teal: #00837c; $teal: #00837c;
$blue: #347cb3; $blue: #347cb3;
$violet: #7b4edb; $violet: #7b4edb;
$purple: #a742c9; $purple: #881bb9;
$pink: #be297d; $pink: #be297d;
$brown: #94674a; $brown: #94674a;
$black: #292e38; $black: #292e38;


:root { :root {
--is-dark-theme: true; --is-dark-theme: true;
--color-primary: #4ab2fa; --color-primary: #00a0fa;
--color-primary-contrast: #1a1a1a; --color-primary-contrast: #0a0a0a;
--color-primary-dark-1: #68cafd; --color-primary-dark-1: #4ab2fa;
--color-primary-dark-2: #8ed9ff; --color-primary-dark-2: #68cafd;
--color-primary-dark-3: #A4E1FF; --color-primary-dark-3: #8ed9ff;
--color-primary-dark-4: #bae8ff; --color-primary-dark-4: #A4E1FF;
--color-primary-dark-5: #CFEFFF; --color-primary-dark-5: #bae8ff;
--color-primary-dark-6: #e4f6ff; --color-primary-dark-6: #CFEFFF;
--color-primary-dark-7: #f4f8fb; --color-primary-dark-7: #f4f8fb;
--color-primary-light-1: #00a0fa; --color-primary-light-1: #00a0fa;
--color-primary-light-2: #0090f7; --color-primary-light-2: #0090f7;
@ -38,8 +38,8 @@ $black: #292e38;
--color-primary-alpha-70: #53bffcb3; --color-primary-alpha-70: #53bffcb3;
--color-primary-alpha-80: #53bffccc; --color-primary-alpha-80: #53bffccc;
--color-primary-alpha-90: #53bffce1; --color-primary-alpha-90: #53bffce1;
--color-primary-hover: var(--color-primary-light-1); --color-primary-hover: var(--color-primary-light-2);
--color-primary-active: var(--color-primary-light-2); --color-primary-active: var(--color-primary-light-3);
--color-secondary: #858585; --color-secondary: #858585;
--color-secondary-dark-1: #414b54; --color-secondary-dark-1: #414b54;
--color-secondary-dark-2: #49545f; --color-secondary-dark-2: #49545f;
@ -56,7 +56,7 @@ $black: #292e38;
--color-secondary-dark-13: #d2d7dc; --color-secondary-dark-13: #d2d7dc;
--color-secondary-light-1: #707070; --color-secondary-light-1: #707070;
--color-secondary-light-2: #505050; --color-secondary-light-2: #505050;
--color-secondary-light-3: #2e2e2e; --color-secondary-light-3: #1F2123;
--color-secondary-light-4: #171b1e; --color-secondary-light-4: #171b1e;
--color-secondary-alpha-10: #85858519; --color-secondary-alpha-10: #85858519;
--color-secondary-alpha-20: #85858533; --color-secondary-alpha-20: #85858533;
@ -212,7 +212,7 @@ $black: #292e38;
--color-light: #00001728; --color-light: #00001728;
--color-light-mimic-enabled: rgba(0, 0, 0, calc(40 / 255 * 222 / 255 / var(--opacity-disabled))); --color-light-mimic-enabled: rgba(0, 0, 0, calc(40 / 255 * 222 / 255 / var(--opacity-disabled)));
--color-light-border: #e8f3ff28; --color-light-border: #e8f3ff28;
--color-hover: #1a1a1a; --color-hover: var(--color-menu);
--color-active: #e8f3ff24; --color-active: #e8f3ff24;
--color-menu: #2a2a2a; --color-menu: #2a2a2a;
--color-card: #2a2a2a; --color-card: #2a2a2a;
@ -222,7 +222,7 @@ $black: #292e38;
--color-button: #1a1a1a; --color-button: #1a1a1a;
--color-code-bg: #111; --color-code-bg: #111;
--color-shadow: #00001758; --color-shadow: #00001758;
--color-secondary-bg: #2a3137; --color-secondary-bg: #303030;
--color-expand-button: #2f363d; --color-expand-button: #2f363d;
--color-placeholder-text: var(--color-text-light-3); --color-placeholder-text: var(--color-text-light-3);
--color-editor-line-highlight: var(--color-primary-light-5); --color-editor-line-highlight: var(--color-primary-light-5);
@ -235,7 +235,7 @@ $black: #292e38;
--color-tooltip-text: var(--color-text); --color-tooltip-text: var(--color-text);
--color-tooltip-bg: #315875; --color-tooltip-bg: #315875;
--color-nav-bg: #333; --color-nav-bg: #333;
--color-nav-hover-bg: var(--color-secondary-light-4); --color-nav-hover-bg: var(--color-secondary-light-3);
--color-nav-text: var(--color-text); --color-nav-text: var(--color-text);
--color-secondary-nav-bg: #0c1a28; --color-secondary-nav-bg: #0c1a28;
--color-label-text: var(--color-text); --color-label-text: var(--color-text);
@ -275,12 +275,21 @@ $black: #292e38;
filter: invert(100%) hue-rotate(180deg); filter: invert(100%) hue-rotate(180deg);
} }


.menu {
--color-hover: var(--color-nav-hover-bg);
}

.text.primary {
color: var(--color-primary-dark-1) !important;
}

nav#navbar { nav#navbar {
border-bottom: 5px #0a6682 solid; border-bottom: 5px #0a6682 solid;
} }


.secondary-nav { .secondary-nav {
--color-button: #2a2a2a; --color-button: #2a2a2a;
--color-hover: #1a1a1a;
} }


.repo-button-row { .repo-button-row {
@ -294,12 +303,12 @@ nav#navbar {
} }


.ui.table > tbody { .ui.table > tbody {
background-color: var(--color-hover); background-color: #222;
} }


.repository #commits-table.ui.basic.striped.table tbody tr:nth-child(2n), .repository #commits-table.ui.basic.striped.table tbody tr:nth-child(2n),
.ui.basic.striped.table > tbody > tr:nth-child(2n), .ui.basic.striped.table > tbody > tr:nth-child(2n),
.ui.striped.table > tr:nth-child(2n), .ui.striped.table > tr:nth-child(2n),
.ui.striped.table > tbody > tr:nth-child(2n) { .ui.striped.table > tbody > tr:nth-child(2n) {
background-color: #111111 !important; background-color: #161616 !important;
} }