4 Commits

Author SHA1 Message Date
50a21315f0 Theme updated for Version 1.17.* 2022-09-11 02:23:32 +02:00
1e8c65ec7f Theme updated for Version 1.16.* 2022-02-25 15:55:24 +01:00
fa2e3f8828 Fixed mistake in ChangeLog 2021-08-29 17:03:45 +00:00
Gitea
7b106a7647 Theme updated for Version 1.15.* 2021-08-29 18:56:18 +02:00
9 changed files with 105 additions and 407 deletions

View File

@@ -1,3 +1,30 @@
# Changes made to gitea source (as of `v1.16.2`) to make arc-blu theme
## Dark Theme detection
A beter way to do this was added so changes to `web_src/js/utils.js` are no longer needed
## Theme Files
The themes have been steamlined so a lot of line have become unnecessary
But most customizations previous releases are still used
# Changes made to gitea source (as of `v1.15.0`) to make arc-blu theme
## Theme Files
Same as for v1.13.0, applied to 1.15.0 source file,
but with small change to customizations from 1.14.0 (see below)
```
.ui.blue.button:hover,
.ui.blue.buttons .button:hover,
.ui.primary.button:hover,
.ui.primary.buttons .button:hover {
background-color: var(--color-primary-light-1) !important;
color: var(--color-white) !important;
}
```
## Dark Theme detection
#### Same as for v1.13.0, applied to 1.15.0 source file
# Changes made to gitea source (as of `v1.14.0`) to make arc-blu theme
## Theme Files (File is overhauled so had to be rw-writen)
@@ -34,7 +61,7 @@ thead {
## Dark Theme detection
#### Same as for v1.13.0
#### Same as for v1.13.0, applied to 1.14.0 source file
# Changes made to gitea source (as of `v1.13.0`) to make arc-blu theme

View File

@@ -1,8 +1,8 @@
# Setting up system for developing for gitea frondend
* Install go(1.15 =>), node.js(10.13 => or latest lts), npm, git, make
* Install go(1.19 =>), node.js(16.16 => or latest lts), npm, gcc git, make
* Clone gitea repo `git clone https://github.com/go-gitea/gitea`
* Cd into repo folder `cd gitea`
* Checkout last stable (1.14.0 at this point) `git checkout v1.14.0`
* Checkout last stable (1.16.2 at this point) `git checkout v1.17.2`
* Build backend run: `TAGS="sqlite sqlite_unlock_notify" make backend`

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1 @@
(function(){"use strict";var _={}})();

View File

@@ -13,16 +13,11 @@ gitea is setup as a sevice as described in `https://docs.gitea.io/en-us/install-
```
mkdir -p /var/lib/gitea/custom/public/css/ /opt/gitea_blue-theme
```
* Remove old custom css/js
```
mv /var/lib/gitea/custom/public/js /var/lib/gitea/custom/public/js.old
mv /var/lib/gitea/custom/public/css /var/lib/gitea/custom/public/css.old
```
### Install
* Download the repo to the opt directory
```
git clone https://git.bprieshof.nl/DarkTheme/Gitea-Arc_blue-Theme.git /opt/gitea_blue-theme/
git clone https://git.bprieshof.nl/DarkTheme/Gitea-Arc_blue-Theme.git /opt/gitea_blue-theme
```
* Link custom files to gitea installation
```
@@ -32,7 +27,7 @@ ln -sfn /opt/gitea_blue-theme/custom_public_bin/js /var/lib/gitea/custom/public/
* add to gitea config file `/etc/gitea/app.ini` to enable the theme
```
[ui]
THEMES = gitea,arc-green,arc-blue
THEMES = auto,gitea,arc-green,arc-blue
```
### Finalize
* Restart gitea

View File

@@ -1,43 +0,0 @@
// transform /path/to/file.ext to file.ext
export function basename(path = '') {
return path ? path.replace(/^.*\//, '') : '';
}
// transform /path/to/file.ext to .ext
export function extname(path = '') {
const [_, ext] = /.+(\.[^.]+)$/.exec(path) || [];
return ext || '';
}
// test whether a variable is an object
export function isObject(obj) {
return Object.prototype.toString.call(obj) === '[object Object]';
}
// returns whether a dark theme is enabled
export function isDarkTheme() {
return (document.documentElement.classList.contains('theme-arc-green') == true || document.documentElement.classList.contains('theme-arc-blue') == true || document.documentElement.classList.contains('theme-testblu') == true);
}
// removes duplicate elements in an array
export function uniq(arr) {
return Array.from(new Set(arr));
}
// strip <tags> from a string
export function stripTags(text) {
return text.replace(/<[^>]*>?/gm, '');
}
// searches the inclusive range [minValue, maxValue].
// credits: https://matthiasott.com/notes/write-your-media-queries-in-pixels-not-ems
export function mqBinarySearch(feature, minValue, maxValue, step, unit) {
if (maxValue - minValue < step) {
return minValue;
}
const mid = Math.ceil((minValue + maxValue) / 2 / step) * step;
if (matchMedia(`screen and (min-${feature}:${mid}${unit})`).matches) {
return mqBinarySearch(feature, mid, maxValue, step, unit); // feature is >= mid
}
return mqBinarySearch(feature, minValue, mid - step, step, unit); // feature is < mid
}

View File

@@ -1,6 +1,8 @@
@import "../chroma/dark.less";
@import "../codemirror/dark.less";
:root {
--is-dark-theme: true;
--color-primary: #86acd1;
--color-primary-dark-1: #86ACD1;
--color-primary-dark-2: #9ABAD9;
@@ -19,7 +21,7 @@
--color-primary-alpha-10: #87ab6319;
--color-primary-alpha-20: #87ab6333;
--color-primary-alpha-30: #87ab634b;
--color-primary-alpha-40: #87ab6366;
--color-primary-alpha-40: #1E70BF66;
--color-primary-alpha-50: #87ab6380;
--color-primary-alpha-60: #87ab6399;
--color-primary-alpha-70: #87ab63b3;
@@ -33,12 +35,12 @@
--color-secondary-dark-5: #8c93a4;
--color-secondary-dark-6: #9aa0af;
--color-secondary-dark-7: #a8adba;
--color-secondary-dark-7: #b6bac5;
--color-secondary-dark-8: #c4c7d0;
--color-secondary-dark-8: #d2d4db;
--color-secondary-dark-9: #dfe1e6;
--color-secondary-dark-10: #edeef1;
--color-secondary-dark-11: #fbfbfc;
--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;
@@ -75,67 +77,66 @@
--color-diff-removed-row-border: #634343;
--color-diff-added-row-border: #314a37;
--color-diff-inactive: #353846;
--color-error-border: #a53a37;
--color-error-bg: #482c2c;
--color-error-text: #ff4433;
--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;
/* target-based colors */
--color-body: #383c4a;
--color-box-header: #404652;
--color-box-body: #353945;
--color-box-body: #303440;
--color-text-dark: #dbe0ea;
--color-text: #bbc0ca;
--color-text-light: #a6aab5;
--color-text-light-2: #8a8e99;
--color-text-light-3: #707687;
--color-footer: #2a2e3a;
--color-footer: #2e323e;
--color-timeline: #4c525e;
--color-input-text: #dbdbdb;
--color-input-background: #404552;
--color-input-border: #4b505f;
--color-input-border-hover: #6a737d;
--color-input-text: #d5dbe6;
--color-input-background: #292d39;
--color-input-border: #454a57;
--color-input-border-hover: #505667;
--color-navbar: #2a2e3a;
--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-active: #ffffff16;
--color-menu: #2a2e3a;
--color-card: #2a2e3a;
--color-markdown-table-row: #ffffff06;
--color-markdown-code-block: #2a2e3a;
--color-menu: #2e323e;
--color-card: #2e323e;
--color-markup-table-row: #ffffff06;
--color-markup-code-block: #292d39;
--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);
}
::-webkit-calendar-picker-indicator {
filter: invert(.8);
}
.ui.horizontal.segments > .segment {
background-color: #383c4a;
}
.repository .segment.reactions .ui.label.basic.blue {
background: var(--color-primary-alpha-20) !important;
}
[data-tooltip]::before,
[data-tooltip]::after {
background: #1b1c1d !important; /* .ui.inverted.popup */
border-color: #1b1c1d !important; /* .ui.inverted.popup */
color: #dbdbdb !important;
}
[data-tooltip]::before {
box-shadow: 1px 1px 0 0 #1b1c1d !important; /* .ui.inverted.popup */
}
.ui.green.progress .bar {
background-color: #668844;
}
.ui.progress.success .bar {
background-color: #7b9e57 !important;
}
.following.bar.light {
background: #2e323e;
border-color: var(--color-secondary-alpha-40);
@@ -149,12 +150,6 @@
background: #353945;
}
.ui.link.list .item,
.ui.link.list a.item,
.ui.link.list .item a:not(.ui) {
color: #dbdbdb;
}
.ui.red.label,
.ui.red.labels .label {
background-color: #7d3434 !important;
@@ -288,19 +283,6 @@ a.ui.basic.green.label:hover {
background-color: #393d4a !important;
}
.repository.file.editor.edit,
.repository.wiki.new .CodeMirror {
.editor-preview,
.editor-preview-side,
& + .editor-preview-side {
background: #353945;
.markdown:not(code).ui.segment {
border-width: 0;
}
}
}
.overflow.menu .items .item {
color: #9d9d9d;
}
@@ -313,28 +295,11 @@ a.ui.basic.green.label:hover {
color: var(--color-secondary-dark-6) !important;
}
.ui.active.button:active,
.ui.button:active,
.ui.button:focus,
.ui.active.button {
background-color: #2e3e4e;
color: #dbdbdb;
}
.ui.active.button:hover {
background-color: #475e75;
color: #dbdbdb;
}
.repository .navbar .active.item,
.repository .navbar .active.item:hover {
border-color: transparent !important;
}
.ui .info.segment.top {
background-color: var(--color-secondary) !important;
}
.repository .diff-stats li {
border-color: var(--color-secondary);
}
@@ -353,57 +318,6 @@ td.blob-hunk {
color: #dbdbdb !important;
}
.ui.attached.info.message,
.ui.info.message {
box-shadow: 0 0 0 1px #4b5e71 inset, 0 0 0 0 transparent;
}
.ui.bottom.attached.message {
background-color: #2c662d;
color: #86acd1;
}
.ui.bottom.attached.message .pull-right {
color: #86acd1;
}
.ui.info.message {
background-color: #2c3b4a;
color: #9ebcc5;
}
.ui .warning.header,
.ui.warning.message {
background-color: #542 !important;
border-color: #ec8;
}
.ui.warning.message {
color: #ec8;
box-shadow: 0 0 0 1px #ec8;
}
.ui.warning.segment {
border-color: #ec8;
}
.ui.red.message,
.ui.error.message {
background-color: #522;
color: #f9cbcb;
box-shadow: 0 0 0 1px #a04141 inset;
}
.ui .error.header,
.ui.error.message {
background-color: #522 !important;
border-color: #a04141;
}
.ui.error.segment {
border-color: #a04141;
}
.ui.red.button,
.ui.red.buttons .button {
background-color: #7d3434;
@@ -414,18 +328,6 @@ td.blob-hunk {
background-color: #984646;
}
.ui.positive.message {
background-color: #0d491b;
color: #86acd1;
box-shadow: 0 0 0 1px #2d693b inset, 0 0 0 0 transparent;
}
.ui.negative.message {
background-color: rgba(80, 23, 17, .6);
color: #f9cbcb;
box-shadow: 0 0 0 1px rgba(121, 71, 66, .5) inset, 0 0 0 0 transparent;
}
.ui.list .list > .item .header,
.ui.list > .item .header {
color: #dedede;
@@ -436,20 +338,10 @@ td.blob-hunk {
color: var(--color-secondary-dark-6);
}
.repository.file.list #repo-files-table tbody .svg.octicon-file-directory,
.repository.file.list #repo-files-table tbody .svg.octicon-file-submodule {
color: #1e70bf;
}
.repository.labels .ui.basic.black.label {
background-color: #bbbbbb !important;
}
.lines-commit,
.blame .lines-num {
background: #2e323e !important;
}
.lines-num {
color: var(--color-secondary-dark-6) !important;
border-color: var(--color-secondary) !important;
@@ -475,59 +367,6 @@ td.blob-excerpt {
color: #dbdbdb;
}
.repository .ui.attached.message.isSigned.isVerified {
background-color: #394829;
color: var(--color-secondary-dark-6);
&.message {
color: #87ab63;
.ui.text {
color: var(--color-secondary-dark-6);
}
.pull-right {
color: #87ab63;
}
}
}
.repository .ui.attached.message.isSigned.isVerifiedUntrusted {
background-color: #4a3903;
color: var(--color-secondary-dark-6);
&.message {
color: #c2c193;
.ui.text {
color: var(--color-secondary-dark-6);
}
a {
color: #c2c193;
}
}
}
.repository .ui.attached.message.isSigned.isVerifiedUnmatched {
background-color: #4e3321;
color: var(--color-secondary-dark-6);
&.message {
color: #c2a893;
.ui.text {
color: var(--color-secondary-dark-6);
}
a {
color: #c2a893;
}
}
}
.repository .ui.attached.message.isSigned.isWarning {
background-color: rgba(80, 23, 17, .6);
&.message {
color: #d07d7d;
.ui.text {
color: #d07d7d;
}
}
}
.ui.header .sub.header {
color: var(--color-secondary-dark-6);
}
@@ -576,7 +415,7 @@ td.blob-excerpt {
.emoji[aria-label="paw prints"],
.emoji[aria-label="musical note"],
.emoji[aria-label="musical notes"] {
filter: invert(100%);
filter: invert(100%) hue-rotate(180deg);
}
.edit-diff > div > .ui.table {
@@ -584,116 +423,15 @@ td.blob-excerpt {
border-right-color: var(--color-secondary) !important;
}
/* code mirror dark theme */
.CodeMirror {
&.cm-s-default,
&.cm-s-paper {
.cm-property {
color: #a0cc75;
}
.cm-header {
color: #9daccc;
}
.cm-quote {
color: #009900;
}
.cm-keyword {
color: #cc8a61;
}
.cm-atom {
color: #ef5e77;
}
.cm-number {
color: #ff5656;
}
.cm-def {
color: #e4e4e4;
}
.cm-variable-2 {
color: #00bdbf;
}
.cm-variable-3 {
color: #008855;
}
.cm-comment {
color: #8e9ab3;
}
.cm-string {
color: #a77272;
}
.cm-string-2 {
color: #ff5500;
}
.cm-meta,
.cm-qualifier {
color: #ffb176;
}
.cm-builtin {
color: #b7c951;
}
.cm-bracket {
color: #999977;
}
.cm-tag {
color: #f1d273;
}
.cm-attribute {
color: #bfcc70;
}
.cm-hr {
color: #999999;
}
.cm-url {
color: #c5cfd0;
}
.cm-link {
color: #d8c792;
}
.cm-error {
/* color: #ff6e00; */
color: #dbdbeb;
}
}
}
footer .container .links > * {
border-left-color: #888;
}
.repository.file.list #repo-files-table tbody .svg {
color: var(--color-secondary-dark-6);
}
.repository.release #release-list > li .detail .dot {
background-color: #505667;
border-color: #383c4a;
}
.board-column {
background-color: rgba(0, 0, 0, .2) !important;
}
.tribute-container {
box-shadow: 0 .25rem .5rem rgba(0, 0, 0, .6);
}
@@ -706,59 +444,17 @@ img[src$="/img/matrix.svg"] {
filter: invert(80%);
}
#git-graph-container li .time {
color: #6a737d;
}
#git-graph-container.monochrome #rel-container .flow-group {
stroke: dimgrey;
fill: dimgrey;
}
#git-graph-container.monochrome #rel-container .flow-group.highlight {
stroke: darkgrey;
fill: darkgrey;
}
#git-graph-container:not(.monochrome) #rel-container .flow-group {
&.flow-color-16-5 {
stroke: #5543b1;
fill: #5543b1;
}
}
#git-graph-container:not(.monochrome) #rel-container .flow-group.highlight {
&.flow-color-16-5 {
stroke: #7058e6;
fill: #7058e6;
}
}
#git-graph-container #rev-list li.highlight.hover {
background-color: rgba(255, 255, 255, .1);
}
#git-graph-container .ui.buttons button#flow-color-monochrome.ui.button {
border-left-color: rgb(76, 80, 92);
border-left-style: solid;
border-left-width: 1px;
}
.mermaid-chart {
filter: invert(84%) hue-rotate(180deg);
}
.is-loading::after {
border-color: #4a4c58 #4a4c58 #d7d7da #d7d7da;
}
.markdown-block-error {
.markup-block-error {
border: 1px solid rgba(121, 71, 66, .5) !important;
border-bottom: none !important;
}
a:hover {
color: var(--color-primary-light-1) !important;
a:hover, .issue.list > .item .title:hover {
color: var(--color-blue-light) !important;
}
a.item:hover {
@@ -774,8 +470,33 @@ a.ui:hover {
.ui.primary.button:hover,
.ui.primary.buttons .button:hover {
background-color: var(--color-primary-light-1) !important;
color: var(--color-white) !important;
}
thead {
background-color: var(--color-card);
}
.repository.file.list #repo-files-table tbody .svg.octicon-file-directory-fill, .repository.file.list #repo-files-table tbody .svg.octicon-file-submodule {
color: var(--color-primary-light-1);
}
span.tag.text.blue {
color: var(--color-primary) !important;
}
a.index {
color: var(--color-text) !important;
}
.issue.list > .item .title {
color: var(--color-primary);
}
.issue.list > .item .title:hover {
text-decoration: underline !important;
}
a.muted:hover {
color: white !important;
}