diff --git a/dist/public/assets/css/theme-dark.css b/dist/public/assets/css/theme-dark.css index fc847a2..b4e394d 100644 --- a/dist/public/assets/css/theme-dark.css +++ b/dist/public/assets/css/theme-dark.css @@ -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); } diff --git a/dist/public/assets/css/theme-light.css b/dist/public/assets/css/theme-light.css index 5882557..9d71109 100644 --- a/dist/public/assets/css/theme-light.css +++ b/dist/public/assets/css/theme-light.css @@ -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); } diff --git a/src/themes/scss/dark.scss b/src/themes/scss/dark.scss index bae793d..a7397fc 100644 --- a/src/themes/scss/dark.scss +++ b/src/themes/scss/dark.scss @@ -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), diff --git a/src/themes/scss/light.scss b/src/themes/scss/light.scss index ca70398..6f57fc8 100644 --- a/src/themes/scss/light.scss +++ b/src/themes/scss/light.scss @@ -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), diff --git a/src/themes/scss/theme/index.scss b/src/themes/scss/theme/index.scss index 5dcf2c3..8e99128 100644 --- a/src/themes/scss/theme/index.scss +++ b/src/themes/scss/theme/index.scss @@ -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); diff --git a/tools/deploy.js b/tools/deploy.js index f18c530..15d89a6 100644 --- a/tools/deploy.js +++ b/tools/deploy.js @@ -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!'); diff --git a/tools/serve.js b/tools/serve.js index e5d02ba..807a86b 100644 --- a/tools/serve.js +++ b/tools/serve.js @@ -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'); diff --git a/tools/utils/task-debouncer.js b/tools/utils/task-debouncer.js index ec939c7..38b2f7c 100644 --- a/tools/utils/task-debouncer.js +++ b/tools/utils/task-debouncer.js @@ -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) {