aiden
/
gitea-lugit-theme
mirror of https://github.com/lucas-labs/gitea-lugit-theme
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix: 🚑 gpg signed badge

Browse Source
1-auto-switch-between-dark-and-light-theme
Lucas Colombo 11 months ago
parent 67b639832e
commit 131a9965b3
No known key found for this signature in database
GPG Key ID: EF34786CFEFFAE35
8 changed files with 302 additions and 43 deletions
Show Stats Download Patch File Download Diff File

144
dist/public/assets/css/theme-dark.css vendored
Unescape Escape View File

@ -983,6 +983,114 @@
--c-theme_green_base-rgb: 166, 198, 247;
--c-theme_green_base-c: #000000;
--c-theme_green_base-c-rgb: 0, 0, 0;
--c-theme_dark-green_light_3\%: #47c04e;
--c-theme_dark-green_light_3\%-rgb: 71, 192, 78;
--c-theme_dark-green_light_3\%-c: #000000;
--c-theme_dark-green_light_3\%-c-rgb: 0, 0, 0;
--c-theme_dark-green_light_6\%: #52c459;
--c-theme_dark-green_light_6\%-rgb: 82, 196, 89;
--c-theme_dark-green_light_6\%-c: #000000;
--c-theme_dark-green_light_6\%-c-rgb: 0, 0, 0;
--c-theme_dark-green_light_9\%: #5ec864;
--c-theme_dark-green_light_9\%-rgb: 94, 200, 100;
--c-theme_dark-green_light_9\%-c: #000000;
--c-theme_dark-green_light_9\%-c-rgb: 0, 0, 0;
--c-theme_dark-green_light_12\%: #69cc6f;
--c-theme_dark-green_light_12\%-rgb: 105, 204, 111;
--c-theme_dark-green_light_12\%-c: #000000;
--c-theme_dark-green_light_12\%-c-rgb: 0, 0, 0;
--c-theme_dark-green_light_15\%: #75d07a;
--c-theme_dark-green_light_15\%-rgb: 117, 208, 122;
--c-theme_dark-green_light_15\%-c: #000000;
--c-theme_dark-green_light_15\%-c-rgb: 0, 0, 0;
--c-theme_dark-green_light_18\%: #80d485;
--c-theme_dark-green_light_18\%-rgb: 128, 212, 133;
--c-theme_dark-green_light_18\%-c: #000000;
--c-theme_dark-green_light_18\%-c-rgb: 0, 0, 0;
--c-theme_dark-green_light_21\%: #8bd890;
--c-theme_dark-green_light_21\%-rgb: 139, 216, 144;
--c-theme_dark-green_light_21\%-c: #000000;
--c-theme_dark-green_light_21\%-c-rgb: 0, 0, 0;
--c-theme_dark-green_light_24\%: #97dc9b;
--c-theme_dark-green_light_24\%-rgb: 151, 220, 155;
--c-theme_dark-green_light_24\%-c: #000000;
--c-theme_dark-green_light_24\%-c-rgb: 0, 0, 0;
--c-theme_dark-green_light_27\%: #a2dfa6;
--c-theme_dark-green_light_27\%-rgb: 162, 223, 166;
--c-theme_dark-green_light_27\%-c: #000000;
--c-theme_dark-green_light_27\%-c-rgb: 0, 0, 0;
--c-theme_dark-green_light_30\%: #aee3b1;
--c-theme_dark-green_light_30\%-rgb: 174, 227, 177;
--c-theme_dark-green_light_30\%-c: #000000;
--c-theme_dark-green_light_30\%-c-rgb: 0, 0, 0;
--c-theme_dark-green_light_33\%: #b9e7bc;
--c-theme_dark-green_light_33\%-rgb: 185, 231, 188;
--c-theme_dark-green_light_33\%-c: #000000;
--c-theme_dark-green_light_33\%-c-rgb: 0, 0, 0;
--c-theme_dark-green_light_36\%: #c5ebc7;
--c-theme_dark-green_light_36\%-rgb: 197, 235, 199;
--c-theme_dark-green_light_36\%-c: #000000;
--c-theme_dark-green_light_36\%-c-rgb: 0, 0, 0;
--c-theme_dark-green_light_39\%: #d0efd2;
--c-theme_dark-green_light_39\%-rgb: 208, 239, 210;
--c-theme_dark-green_light_39\%-c: #000000;
--c-theme_dark-green_light_39\%-c-rgb: 0, 0, 0;
--c-theme_dark-green_dark_3\%: #3bae42;
--c-theme_dark-green_dark_3\%-rgb: 59, 174, 66;
--c-theme_dark-green_dark_3\%-c: #000000;
--c-theme_dark-green_dark_3\%-c-rgb: 0, 0, 0;
--c-theme_dark-green_dark_6\%: #37a23d;
--c-theme_dark-green_dark_6\%-rgb: 55, 162, 61;
--c-theme_dark-green_dark_6\%-c: #000000;
--c-theme_dark-green_dark_6\%-c-rgb: 0, 0, 0;
--c-theme_dark-green_dark_9\%: #339739;
--c-theme_dark-green_dark_9\%-rgb: 51, 151, 57;
--c-theme_dark-green_dark_9\%-c: #000000;
--c-theme_dark-green_dark_9\%-c-rgb: 0, 0, 0;
--c-theme_dark-green_dark_12\%: #2f8b35;
--c-theme_dark-green_dark_12\%-rgb: 47, 139, 53;
--c-theme_dark-green_dark_12\%-c: #000000;
--c-theme_dark-green_dark_12\%-c-rgb: 0, 0, 0;
--c-theme_dark-green_dark_15\%: #2c8030;
--c-theme_dark-green_dark_15\%-rgb: 44, 128, 48;
--c-theme_dark-green_dark_15\%-c: #000000;
--c-theme_dark-green_dark_15\%-c-rgb: 0, 0, 0;
--c-theme_dark-green_dark_18\%: #28752c;
--c-theme_dark-green_dark_18\%-rgb: 40, 117, 44;
--c-theme_dark-green_dark_18\%-c: #e6edf3;
--c-theme_dark-green_dark_18\%-c-rgb: 230, 237, 243;
--c-theme_dark-green_dark_21\%: #246928;
--c-theme_dark-green_dark_21\%-rgb: 36, 105, 40;
--c-theme_dark-green_dark_21\%-c: #e6edf3;
--c-theme_dark-green_dark_21\%-c-rgb: 230, 237, 243;
--c-theme_dark-green_dark_24\%: #205e23;
--c-theme_dark-green_dark_24\%-rgb: 32, 94, 35;
--c-theme_dark-green_dark_24\%-c: #e6edf3;
--c-theme_dark-green_dark_24\%-c-rgb: 230, 237, 243;
--c-theme_dark-green_dark_27\%: #1c521f;
--c-theme_dark-green_dark_27\%-rgb: 28, 82, 31;
--c-theme_dark-green_dark_27\%-c: #e6edf3;
--c-theme_dark-green_dark_27\%-c-rgb: 230, 237, 243;
--c-theme_dark-green_dark_30\%: #18471b;
--c-theme_dark-green_dark_30\%-rgb: 24, 71, 27;
--c-theme_dark-green_dark_30\%-c: #e6edf3;
--c-theme_dark-green_dark_30\%-c-rgb: 230, 237, 243;
--c-theme_dark-green_dark_33\%: #143b16;
--c-theme_dark-green_dark_33\%-rgb: 20, 59, 22;
--c-theme_dark-green_dark_33\%-c: #e6edf3;
--c-theme_dark-green_dark_33\%-c-rgb: 230, 237, 243;
--c-theme_dark-green_dark_36\%: #103012;
--c-theme_dark-green_dark_36\%-rgb: 16, 48, 18;
--c-theme_dark-green_dark_36\%-c: #e6edf3;
--c-theme_dark-green_dark_36\%-c-rgb: 230, 237, 243;
--c-theme_dark-green_dark_39\%: #0c250e;
--c-theme_dark-green_dark_39\%-rgb: 12, 37, 14;
--c-theme_dark-green_dark_39\%-c: #e6edf3;
--c-theme_dark-green_dark_39\%-c-rgb: 230, 237, 243;
--c-theme_dark-green_base: #3fb946;
--c-theme_dark-green_base-rgb: 63, 185, 70;
--c-theme_dark-green_base-c: #000000;
--c-theme_dark-green_base-c-rgb: 0, 0, 0;
--c-theme_teal_light_3\%: #a0e5da;
--c-theme_teal_light_3\%-rgb: 160, 229, 218;
--c-theme_teal_light_3\%-c: #000000;
@ -2281,17 +2389,6 @@
color: var(--color-error-text);
}
.ui.commit-header-row .svg.gitea-lock ~ a {
color: var(--c-elevation_3);
}
.ui.sha.isSigned.isVerified:hover .shortsha {
color: var(--c-elevation_3);
}
.ui.sha.isSigned.isVerified:hover svg.gitea-lock {
fill: var(--c-elevation_3);
}
.ui.basic.modal,
.ui.basic.modal > .header,
.ui.inverted.button {
@ -2322,6 +2419,31 @@ footer .ui.dropdown .menu {
margin-bottom: 16px !important;
}
.label.isSigned.isVerified {
margin: 0px 0.25em !important;
padding: 0;
display: inline-flex;
gap: 0px;
border-radius: 16px;
--color-green-badge-bg: none !important;
--color-green-badge-hover-bg: rgba(var(--c-theme_dark-green_base-rgb), 0.05) !important;
--color-label-text: rgba(var(--c-theme_dark-green_base-rgb), 1) !important;
--color-green-badge: rgba(var(--c-theme_dark-green_base-rgb), 1) !important;
}
.label.isSigned.isVerified .shortsha {
padding: 4px 6px 4px 12px !important;
}
.label.isSigned.isVerified .ui.detail.icon.button {
padding: 4px 12px 4px 6px !important;
margin: 0 !important;
background: none !important;
border-color: rgba(var(--c-theme_dark-green_base-rgb), 1) !important;
}
#commits-table {
--color-light: transparent !important;
}
.chroma .code-inner {
font: 14px var(--v-code-font-family);
}

144
dist/public/assets/css/theme-light.css vendored
Unescape Escape View File

@ -983,6 +983,114 @@
--c-theme_green_base-rgb: 98, 150, 226;
--c-theme_green_base-c: #4c4f69;
--c-theme_green_base-c-rgb: 76, 79, 105;
--c-theme_dark-green_light_3\%: #138232;
--c-theme_dark-green_light_3\%-rgb: 19, 130, 50;
--c-theme_dark-green_light_3\%-c: #dce0e8;
--c-theme_dark-green_light_3\%-c-rgb: 220, 224, 232;
--c-theme_dark-green_light_6\%: #159037;
--c-theme_dark-green_light_6\%-rgb: 21, 144, 55;
--c-theme_dark-green_light_6\%-c: #dce0e8;
--c-theme_dark-green_light_6\%-c-rgb: 220, 224, 232;
--c-theme_dark-green_light_9\%: #179d3c;
--c-theme_dark-green_light_9\%-rgb: 23, 157, 60;
--c-theme_dark-green_light_9\%-c: #dce0e8;
--c-theme_dark-green_light_9\%-c-rgb: 220, 224, 232;
--c-theme_dark-green_light_12\%: #19aa42;
--c-theme_dark-green_light_12\%-rgb: 25, 170, 66;
--c-theme_dark-green_light_12\%-c: #4c4f69;
--c-theme_dark-green_light_12\%-c-rgb: 76, 79, 105;
--c-theme_dark-green_light_15\%: #1bb847;
--c-theme_dark-green_light_15\%-rgb: 27, 184, 71;
--c-theme_dark-green_light_15\%-c: #4c4f69;
--c-theme_dark-green_light_15\%-c-rgb: 76, 79, 105;
--c-theme_dark-green_light_18\%: #1dc54c;
--c-theme_dark-green_light_18\%-rgb: 29, 197, 76;
--c-theme_dark-green_light_18\%-c: #4c4f69;
--c-theme_dark-green_light_18\%-c-rgb: 76, 79, 105;
--c-theme_dark-green_light_21\%: #1fd351;
--c-theme_dark-green_light_21\%-rgb: 31, 211, 81;
--c-theme_dark-green_light_21\%-c: #4c4f69;
--c-theme_dark-green_light_21\%-c-rgb: 76, 79, 105;
--c-theme_dark-green_light_24\%: #22df57;
--c-theme_dark-green_light_24\%-rgb: 34, 223, 87;
--c-theme_dark-green_light_24\%-c: #4c4f69;
--c-theme_dark-green_light_24\%-c-rgb: 76, 79, 105;
--c-theme_dark-green_light_27\%: #2fe161;
--c-theme_dark-green_light_27\%-rgb: 47, 225, 97;
--c-theme_dark-green_light_27\%-c: #4c4f69;
--c-theme_dark-green_light_27\%-c-rgb: 76, 79, 105;
--c-theme_dark-green_light_30\%: #3ce36b;
--c-theme_dark-green_light_30\%-rgb: 60, 227, 107;
--c-theme_dark-green_light_30\%-c: #4c4f69;
--c-theme_dark-green_light_30\%-c-rgb: 76, 79, 105;
--c-theme_dark-green_light_33\%: #4ae575;
--c-theme_dark-green_light_33\%-rgb: 74, 229, 117;
--c-theme_dark-green_light_33\%-c: #4c4f69;
--c-theme_dark-green_light_33\%-c-rgb: 76, 79, 105;
--c-theme_dark-green_light_36\%: #57e77f;
--c-theme_dark-green_light_36\%-rgb: 87, 231, 127;
--c-theme_dark-green_light_36\%-c: #4c4f69;
--c-theme_dark-green_light_36\%-c-rgb: 76, 79, 105;
--c-theme_dark-green_light_39\%: #64e989;
--c-theme_dark-green_light_39\%-rgb: 100, 233, 137;
--c-theme_dark-green_light_39\%-c: #4c4f69;
--c-theme_dark-green_light_39\%-c-rgb: 76, 79, 105;
--c-theme_dark-green_dark_3\%: #0f6828;
--c-theme_dark-green_dark_3\%-rgb: 15, 104, 40;
--c-theme_dark-green_dark_3\%-c: #dce0e8;
--c-theme_dark-green_dark_3\%-c-rgb: 220, 224, 232;
--c-theme_dark-green_dark_6\%: #0d5a23;
--c-theme_dark-green_dark_6\%-rgb: 13, 90, 35;
--c-theme_dark-green_dark_6\%-c: #dce0e8;
--c-theme_dark-green_dark_6\%-c-rgb: 220, 224, 232;
--c-theme_dark-green_dark_9\%: #0b4d1e;
--c-theme_dark-green_dark_9\%-rgb: 11, 77, 30;
--c-theme_dark-green_dark_9\%-c: #dce0e8;
--c-theme_dark-green_dark_9\%-c-rgb: 220, 224, 232;
--c-theme_dark-green_dark_12\%: #094018;
--c-theme_dark-green_dark_12\%-rgb: 9, 64, 24;
--c-theme_dark-green_dark_12\%-c: #dce0e8;
--c-theme_dark-green_dark_12\%-c-rgb: 220, 224, 232;
--c-theme_dark-green_dark_15\%: #073213;
--c-theme_dark-green_dark_15\%-rgb: 7, 50, 19;
--c-theme_dark-green_dark_15\%-c: #dce0e8;
--c-theme_dark-green_dark_15\%-c-rgb: 220, 224, 232;
--c-theme_dark-green_dark_18\%: #05250e;
--c-theme_dark-green_dark_18\%-rgb: 5, 37, 14;
--c-theme_dark-green_dark_18\%-c: #dce0e8;
--c-theme_dark-green_dark_18\%-c-rgb: 220, 224, 232;
--c-theme_dark-green_dark_21\%: #031709;
--c-theme_dark-green_dark_21\%-rgb: 3, 23, 9;
--c-theme_dark-green_dark_21\%-c: #dce0e8;
--c-theme_dark-green_dark_21\%-c-rgb: 220, 224, 232;
--c-theme_dark-green_dark_24\%: #010a04;
--c-theme_dark-green_dark_24\%-rgb: 1, 10, 4;
--c-theme_dark-green_dark_24\%-c: #dce0e8;
--c-theme_dark-green_dark_24\%-c-rgb: 220, 224, 232;
--c-theme_dark-green_dark_27\%: black;
--c-theme_dark-green_dark_27\%-rgb: 0, 0, 0;
--c-theme_dark-green_dark_27\%-c: #dce0e8;
--c-theme_dark-green_dark_27\%-c-rgb: 220, 224, 232;
--c-theme_dark-green_dark_30\%: black;
--c-theme_dark-green_dark_30\%-rgb: 0, 0, 0;
--c-theme_dark-green_dark_30\%-c: #dce0e8;
--c-theme_dark-green_dark_30\%-c-rgb: 220, 224, 232;
--c-theme_dark-green_dark_33\%: black;
--c-theme_dark-green_dark_33\%-rgb: 0, 0, 0;
--c-theme_dark-green_dark_33\%-c: #dce0e8;
--c-theme_dark-green_dark_33\%-c-rgb: 220, 224, 232;
--c-theme_dark-green_dark_36\%: black;
--c-theme_dark-green_dark_36\%-rgb: 0, 0, 0;
--c-theme_dark-green_dark_36\%-c: #dce0e8;
--c-theme_dark-green_dark_36\%-c-rgb: 220, 224, 232;
--c-theme_dark-green_dark_39\%: black;
--c-theme_dark-green_dark_39\%-rgb: 0, 0, 0;
--c-theme_dark-green_dark_39\%-c: #dce0e8;
--c-theme_dark-green_dark_39\%-c-rgb: 220, 224, 232;
--c-theme_dark-green_base: #11752d;
--c-theme_dark-green_base-rgb: 17, 117, 45;
--c-theme_dark-green_base-c: #dce0e8;
--c-theme_dark-green_base-c-rgb: 220, 224, 232;
--c-theme_teal_light_3\%: #199fa6;
--c-theme_teal_light_3\%-rgb: 25, 159, 166;
--c-theme_teal_light_3\%-c: #4c4f69;
@ -2281,17 +2389,6 @@
color: var(--color-error-text);
}
.ui.commit-header-row .svg.gitea-lock ~ a {
color: var(--c-elevation_3);
}
.ui.sha.isSigned.isVerified:hover .shortsha {
color: var(--c-elevation_3);
}
.ui.sha.isSigned.isVerified:hover svg.gitea-lock {
fill: var(--c-elevation_3);
}
.ui.basic.modal,
.ui.basic.modal > .header,
.ui.inverted.button {
@ -2322,6 +2419,31 @@ footer .ui.dropdown .menu {
margin-bottom: 16px !important;
}
.label.isSigned.isVerified {
margin: 0px 0.25em !important;
padding: 0;
display: inline-flex;
gap: 0px;
border-radius: 16px;
--color-green-badge-bg: none !important;
--color-green-badge-hover-bg: rgba(var(--c-theme_dark-green_base-rgb), 0.05) !important;
--color-label-text: rgba(var(--c-theme_dark-green_base-rgb), 1) !important;
--color-green-badge: rgba(var(--c-theme_dark-green_base-rgb), 1) !important;
}
.label.isSigned.isVerified .shortsha {
padding: 4px 6px 4px 12px !important;
}
.label.isSigned.isVerified .ui.detail.icon.button {
padding: 4px 12px 4px 6px !important;
margin: 0 !important;
background: none !important;
border-color: rgba(var(--c-theme_dark-green_base-rgb), 1) !important;
}
#commits-table {
--color-light: transparent !important;
}
.chroma .code-inner {
font: 14px var(--v-code-font-family);
}

1
src/themes/scss/dark.scss
Unescape Escape View File

@ -17,6 +17,7 @@ $colors: (
'peach': c.variants(#fab387, $is-dark),
'yellow': c.variants(#f9e2af, $is-dark),
'green': c.variants($brand, $is-dark),
'dark-green': c.variants(#3fb946, $is-dark),
'teal': c.variants(#94e2d5, $is-dark),
'sky': c.variants(#89dceb, $is-dark),
'sapphire': c.variants(#74c7ec, $is-dark),

1
src/themes/scss/light.scss
Unescape Escape View File

@ -17,6 +17,7 @@ $colors: (
'peach': c.variants(#fe640b, $is-dark),
'yellow': c.variants(#df8e1d, $is-dark),
'green': c.variants($brand, $is-dark),
'dark-green': c.variants(#11752d, $is-dark),
'teal': c.variants(#179299, $is-dark),
'sky': c.variants(#04a5e5, $is-dark),
'sapphire': c.variants(#209fb5, $is-dark),

43
src/themes/scss/theme/index.scss
Unescape Escape View File

@ -310,21 +310,6 @@
color: var(--color-error-text);
}
// link color for signed commits
.ui.commit-header-row .svg.gitea-lock ~ a {
color: $lvl1;
}
// most recent commit hover when signed
.ui.sha.isSigned.isVerified:hover {
.shortsha {
color: $lvl1;
}
svg.gitea-lock {
fill: $lvl1;
}
}
// modal text color for the "Remove GPG Key" modal
.ui.basic.modal,
.ui.basic.modal > .header,
@ -359,6 +344,34 @@
}
}
.label.isSigned.isVerified {
margin: 0px .25em !important;
padding: 0;
display: inline-flex;
gap: 0px;
border-radius: 16px;
--color-green-badge-bg: none !important;
--color-green-badge-hover-bg: rgba(#{color.get('theme/dark-green/base', 'rgb')}, 0.05) !important;
--color-label-text: rgba(#{color.get('theme/dark-green/base', 'rgb')}, 1) !important;
--color-green-badge: rgba(#{color.get('theme/dark-green/base', 'rgb')}, 1) !important;
.shortsha {
padding: 4px 6px 4px 12px !important;
}
.ui.detail.icon.button {
padding: 4px 12px 4px 6px !important;
margin: 0 !important;
background: none !important;
border-color: rgba(#{color.get('theme/dark-green/base', 'rgb')}, 1) !important;
}
}
#commits-table {
--color-light: transparent !important;
}
@include chroma.make-chroma-styles;
@include codemirror.make-code-mirror-styles;
@include monaco.make-monaco-styles($is-dark: true);

2
tools/deploy.js
Unescape Escape View File

@ -13,7 +13,7 @@ const srcPath = resolve(cwd(), src);
const distPath = resolve(cwd(), dist);
const serverPath = resolve(
cwd(),
getArg('--server', 'd:/gitea')
getArg('--server', 'd:/users/lucas/Desktop/dev/server/gitea')
);
logger.info('Deploy started!');

2
tools/serve.js
Unescape Escape View File

@ -13,7 +13,7 @@ const srcPath = resolve(cwd(), src);
const distPath = resolve(cwd(), dist);
const serverPath = resolve(
cwd(),
getArg('--server', 'd:/gitea')
getArg('--server', 'd:/users/lucas/Desktop/dev/server/gitea')
);
const debouncer = new TaskDebouncer(300);
const logger = new Logger('serve', 'info', 'brightMagenta');

8
tools/utils/task-debouncer.js
Unescape Escape View File

@ -1,7 +1,7 @@
/**
* #### TaskDebouncer
*
* Executes a task after a certain delay, but cancels the execution if
*
* Executes a task after a certain delay, but cancels the execution if
* a new task is sent before the delay expires. Also, if a task is
* already being executed, the new task is queued and executed after
* the current one finishes. It will only execute the task that was
@ -41,7 +41,7 @@ export class TaskDebouncer {
this.#setProcessing(false);
// continue with the next task
this.#continue();
this.#continue();
}
#continue() {
@ -55,7 +55,7 @@ export class TaskDebouncer {
* the new task is queued and executed after the current one finishes.
* It will only execute the task if no other task is sent before the
* delay expires or before the current task finishes.
*
*
* IOW, it will only execute the task that was sent last.
*/
add(executor, ...args) {

Write Preview
Loading…
Cancel
Save