From 5bd9139e3664bba979768e48ca01753e8b53cdda Mon Sep 17 00:00:00 2001 From: Alexander Weidinger Date: Wed, 14 Aug 2019 17:33:03 +0200 Subject: [PATCH] Update to 1.9.0 --- gitea-dark-arc-green.user.css | 364 ++++++++++++++++++++--------- gitea-dark-arc-green.user.css.less | 2 +- package.json | 2 +- 3 files changed, 251 insertions(+), 117 deletions(-) diff --git a/gitea-dark-arc-green.user.css b/gitea-dark-arc-green.user.css index f7ca612..0f98b8b 100644 --- a/gitea-dark-arc-green.user.css +++ b/gitea-dark-arc-green.user.css @@ -1,7 +1,7 @@ /* ==UserStyle== @name Gitea Dark ARC Green @namespace https://git.mousetrap.xyz/alex/Gitea-Dark-ARC-Green -@version 1.8.3 +@version 1.9.0 ==/UserStyle== */ @-moz-document domain('git.mousetrap.xyz') { .hljs { @@ -126,6 +126,7 @@ } .following.bar.light { background: #2e323e; + border-bottom: 1px solid #313131; } .ui.secondary.menu .active.item { color: #dbdbdb; @@ -140,9 +141,6 @@ border: solid 1px #353945; background-color: #353945; } - .following.bar.light { - border-bottom: 1px solid #313131; - } .ui.attached.header { background: #404552; border: 1px solid #404552; @@ -198,7 +196,7 @@ .ui.menu .active.item:hover, .ui.vertical.menu .active.item:hover { color: #dbdbdb; - background: #4B5162; + background: #4b5162; } .ui.link.menu .item:hover, .ui.menu .dropdown.item:hover, @@ -208,7 +206,7 @@ background: #454b5a; } .ui.menu .active.item { - background: #4B5162; + background: #4b5162; color: #dbdbdb; } .ui.input input { @@ -289,7 +287,7 @@ color: #dbdbdb; border-left: 1px solid transparent; border-right: 1px solid transparent; - border-top: none; + border-top: 0; } .ui.tabular.menu .item { color: #9e9e9e; @@ -318,30 +316,31 @@ background-color: #a0cc75; } .ui.form input:not([type]), + .ui.form input[type=text], + .ui.form input[type=email], + .ui.form input[type=search], + .ui.form input[type=password], .ui.form input[type=date], .ui.form input[type=datetime-local], - .ui.form input[type=email], - .ui.form input[type=number], - .ui.form input[type=password], - .ui.form input[type=search], .ui.form input[type=tel], - .ui.form input[type=text], .ui.form input[type=time], - .ui.form input[type=url] { + .ui.form input[type=url], + .ui.form input[type=number] { + color: #9e9e9e; background: #404552; border: 2px solid #353945; } .ui.form input:not([type]):focus, + .ui.form input[type=text]:focus, + .ui.form input[type=email]:focus, + .ui.form input[type=search]:focus, + .ui.form input[type=password]:focus, .ui.form input[type=date]:focus, .ui.form input[type=datetime-local]:focus, - .ui.form input[type=email]:focus, - .ui.form input[type=number]:focus, - .ui.form input[type=password]:focus, - .ui.form input[type=search]:focus, .ui.form input[type=tel]:focus, - .ui.form input[type=text]:focus, .ui.form input[type=time]:focus, - .ui.form input[type=url]:focus { + .ui.form input[type=url]:focus, + .ui.form input[type=number]:focus { background: #404552; border: 2px solid #4b505f; color: #dbdbdb; @@ -410,7 +409,35 @@ border: 1px solid #404552; } .markdown:not(code) table tr:nth-child(2n) { - background-color: #474d61; + background-color: #2a2e39; + } + .markdown:not(code) table tr:nth-child(2n-1) { + background-color: #383b44; + } + .markdown:not(code) table thead tr:nth-child(2n-1) { + background-color: #464c5d !important; + } + .markdown:not(code) table td, + .markdown:not(code) table th { + border-color: #4c505c !important; + } + .repository.file.editor.edit, + .repository.wiki.new .CodeMirror { + border-right: 1px solid rgba(187, 187, 187, 0.6); + border-left: 1px solid rgba(187, 187, 187, 0.6); + border-bottom: 1px solid rgba(187, 187, 187, 0.6); + } + .repository.file.editor.edit .editor-preview, + .repository.file.editor.edit .editor-preview-side, + .repository.wiki.new .CodeMirror .editor-preview, + .repository.wiki.new .CodeMirror .editor-preview-side { + background: #353945; + } + .repository.file.editor.edit .editor-preview .markdown:not(code).ui.segment, + .repository.file.editor.edit .editor-preview-side .markdown:not(code).ui.segment, + .repository.wiki.new .CodeMirror .editor-preview .markdown:not(code).ui.segment, + .repository.wiki.new .CodeMirror .editor-preview-side .markdown:not(code).ui.segment { + border-width: 0; } .ui.dropdown .menu { background: #2c303a; @@ -459,8 +486,18 @@ background-color: #404552; border-bottom: 1px solid #353944; } + .repository.view.issue .comment-list .comment .content .merge-section { + background-color: #404552; + border-top: 1px solid #353944; + } + .repository.view.issue .comment-list .event > .octicon.issue-symbol { + background: #3b4954; + } + .repository.view.issue .comment-list .event > .octicon:not(.issue-symbol) { + text-shadow: -2px 0 #383c4a, 0 2px #383c4a, 2px 0 #383c4a, 0 -2px #383c4a; + } .ui .text.grey a { - color: #b3b3b3 !important; + color: #dbdbdb !important; } .ui.comments .comment .actions a { color: #dbdbdb; @@ -477,8 +514,9 @@ .repository.new.issue .comment.form .content:before { border-right-color: #353945; } - .repository.view.issue .comment-list:before { - background-color: #313c47; + .repository.view.issue .comment-list .timeline-line:before, + .repository.view.issue .comment-list:not(.prevent-before-timeline):before { + background-color: #3b4954; } .repository .comment.form .content .form:after { border-right-color: #313c47; @@ -486,9 +524,6 @@ .repository .comment.form .content .form:before { border-right-color: #313c47; } - .ui .text.grey a { - color: #dbdbdb !important; - } .ui .text.grey a:hover { color: #dbdbdb !important; } @@ -498,9 +533,9 @@ } .ui.form textarea, .ui.form textarea:focus { - background: #1a2632; - border: 1px solid #313c47; color: #dbdbdb; + background: #404552; + border: 2px solid #353945; } .ui.form textarea:focus { border: 1px solid #456580; @@ -526,10 +561,6 @@ color: #9e9e9e; background: #2e323e; } - .repository .diff-file-box .code-diff tbody tr td.tag-code, - .repository .diff-file-box .code-diff tbody tr.tag-code td { - border-color: #2d2d2d !important; - } .repository .diff-file-box .file-body.file-code .lines-num-old { border-right: 1px solid #2d2d2d; } @@ -540,7 +571,7 @@ } .hljs-doctag, .hljs-string { - color: #949494; + color: #8ab398; } .repository .diff-file-box .code-diff tbody tr .removed-code { background-color: #5f3737; @@ -550,7 +581,7 @@ background-color: #292727 !important; } .ui.vertical.menu .active.item { - background: #4B5162; + background: #4b5162; } .ui.vertical.menu .item { background: #353945; @@ -612,9 +643,9 @@ background: #353945; } .ui.secondary.pointing.menu .active.item { - border-color: #87ab63; color: #dbdbdb; - background: #404552; + border: 0; + background: #383c4a; } .ui.user.list .item:not(:first-child) { border-top: 1px solid #4c505c; @@ -658,26 +689,9 @@ input { background: #2e323e; } - .ui.secondary.pointing.menu .active.item { - border: none; - background: #383c4a; - } .settings .key.list .item:not(:first-child) { border-top: 1px solid #404552; } - .ui.form input:not([type]), - .ui.form input[type=date], - .ui.form input[type=datetime-local], - .ui.form input[type=email], - .ui.form input[type=number], - .ui.form input[type=password], - .ui.form input[type=search], - .ui.form input[type=tel], - .ui.form input[type=text], - .ui.form input[type=time], - .ui.form input[type=url] { - color: #9e9e9e; - } .ui.attached.info.message, .ui.info.message { box-shadow: 0 0 0 1px #4b5e71 inset, 0 0 0 0 transparent; @@ -693,9 +707,6 @@ background-color: #2c3b4a; color: #9ebcc5; } - .CodeMirror div.CodeMirror-cursor { - border-left: 1px solid #9e9e9e; - } .ui .warning.header { background-color: #5d3a22 !important; border-color: #794f31; @@ -724,6 +735,9 @@ .ui.checkbox input:checked ~ .box:before, .ui.checkbox input:checked ~ label:before { background: #304251; + opacity: 1; + color: #7f98ad; + border-color: #304251; } .ui.checkbox .box:hover::before, .ui.checkbox label:hover::before { @@ -734,16 +748,14 @@ background: #304251; border: 1px solid #304251; } + .ui.checkbox label:before { + border-color: #476075; + } .ui.checkbox .box:active::before, .ui.checkbox label:active::before { background: #304251; border-color: rgba(34, 36, 38, 0.35); } - .ui.checkbox input:checked ~ .box:before, - .ui.checkbox input:checked ~ label:before { - border-color: #304251; - background: #304251; - } .ui.checkbox input:focus ~ .box:before, .ui.checkbox input:focus ~ label:before { border-color: #304251; @@ -756,11 +768,6 @@ border-color: #304251; background: #304251; } - .ui.checkbox input:checked ~ .box:after, - .ui.checkbox input:checked ~ label:after { - opacity: 1; - color: #7f98ad; - } .ui.checkbox input:checked:focus ~ .box:after, .ui.checkbox input:checked:focus ~ label:after, .ui.checkbox input:not([type=radio]):indeterminate:focus ~ .box:after, @@ -773,7 +780,6 @@ color: #9a9a9a; } .ui.selection.dropdown:hover { - border-color: rgba(34, 36, 38, 0.35); border: 1px solid #456580; } .ui.selection.dropdown .menu > .item { @@ -795,11 +801,6 @@ .user.profile .ui.card .extra.content ul li:not(:last-child) { border-bottom: 1px solid #4c505c; } - .ui.form textarea, - .ui.form textarea:focus { - background: #404552; - border: 2px solid #353945; - } .hljs-literal, .hljs-number, .hljs-tag .hljs-attr, @@ -807,10 +808,6 @@ .hljs-variable { color: #bd84bf; } - .hljs-doctag, - .hljs-string { - color: #8ab398; - } .ui.form .dropzone { border: 2px dashed #4c505c; } @@ -839,7 +836,7 @@ } .ui.blue.button:focus, .ui.blue.buttons .button:focus { - background-color: #87ab63; + background-color: #a27558; } .ui.basic.blue.button:hover, .ui.basic.blue.buttons .button:hover { @@ -867,19 +864,12 @@ .repository .label.list .item { border-bottom: 1px dashed #4c505c; } - .repository.file.list #file-content .code-view .lines-num { - background: #2e323e; - } - .repository.file.list #repo-files-table tbody .octicon.octicon-file-directory, - .repository.file.list #repo-files-table tbody .octicon.octicon-file-submodule { - color: #7c9b5e; - } .ui.basic.blue.button, .ui.basic.blue.buttons .button { - box-shadow: 0 0 0 1px #a27558 inset !important; - color: #a27558 !important; + box-shadow: 0 0 0 1px #87ab63 inset !important; + color: #87ab63 !important; } - .repository.file.list #file-content .code-view .lines-code .hljs, + .repository.file.list #file-content .code-view .hljs, .repository.file.list #file-content .code-view .lines-code ol, .repository.file.list #file-content .code-view .lines-code pre, .repository.file.list #file-content .code-view .lines-num .hljs, @@ -887,33 +877,28 @@ .repository.file.list #file-content .code-view .lines-num pre { background-color: #2a2e3a; } - a.ui.label:hover, - a.ui.labels .label:hover { - background-color: #505667; - color: #dbdbdb; - } .repository .diff-file-box .code-diff-split tbody tr.add-code td:nth-child(1), .repository .diff-file-box .code-diff-split tbody tr.add-code td:nth-child(2), - .repository .diff-file-box .code-diff-split tbody tr.del-code td:nth-child(3), - .repository .diff-file-box .code-diff-split tbody tr.del-code td:nth-child(4) { + .repository .diff-file-box .code-diff-split tbody tr.add-code td:nth-child(3), + .repository .diff-file-box .code-diff-split tbody tr.del-code td:nth-child(4), + .repository .diff-file-box .code-diff-split tbody tr.del-code td:nth-child(5), + .repository .diff-file-box .code-diff-split tbody tr.del-code td:nth-child(6) { background-color: #2a2e3a; } .repository .diff-file-box .code-diff-split tbody tr td.add-code, - .repository .diff-file-box .code-diff-split tbody tr.add-code td:nth-child(3), - .repository .diff-file-box .code-diff-split tbody tr.add-code td:nth-child(4) { + .repository .diff-file-box .code-diff-split tbody tr.add-code td:nth-child(4), + .repository .diff-file-box .code-diff-split tbody tr.add-code td:nth-child(5), + .repository .diff-file-box .code-diff-split tbody tr.add-code td:nth-child(6) { background-color: #283e2d !important; border-color: #314a37 !important; } .repository .diff-file-box .code-diff-split tbody tr td.del-code, .repository .diff-file-box .code-diff-split tbody tr.del-code td:nth-child(1), - .repository .diff-file-box .code-diff-split tbody tr.del-code td:nth-child(2) { + .repository .diff-file-box .code-diff-split tbody tr.del-code td:nth-child(2), + .repository .diff-file-box .code-diff-split tbody tr.del-code td:nth-child(3) { background-color: #3c2626 !important; border-color: #634343 !important; } - .ui.blue.button:focus, - .ui.blue.buttons .button:focus { - background-color: #a27558; - } .ui.blue.button:active, .ui.blue.buttons .button:active { background-color: #a27558; @@ -941,25 +926,12 @@ .ui.modal > .content { background: #383c4a; } - .ui.basic.blue.button, - .ui.basic.blue.buttons .button { - box-shadow: 0 0 0 1px #87ab63 inset !important; - color: #87ab63 !important; - } .editor-toolbar { background-color: #404552; } .editor-toolbar a { color: #87ab63 !important; } - .CodeMirror { - color: #9daccc; - background-color: #2b2b2b; - border-top: none; - } - .CodeMirror-gutters { - background-color: #2b2b2b; - } .repository .diff-detail-box { background-color: #383c4a; } @@ -968,7 +940,7 @@ } .comment-code-cloud .ui.attached.tabular.menu { background: none transparent; - border: none; + border: 0; } .comment-code-cloud .footer .markdown-info { color: inherit; @@ -985,7 +957,169 @@ .ui.comments .comment .text { color: #9e9e9e; } + .xdsoft_datetimepicker { + background: #2a2e39; + border: 1px solid #4c505c; + color: #9e9e9e; + } + .xdsoft_datetimepicker .xdsoft_mounthpicker { + height: 36px; + background: #464c5d; + margin: -2px -8px 2px; + padding: 2px 8px 0; + } + .xdsoft_datetimepicker .xdsoft_mounthpicker button { + background-image: none; + text-indent: 0; + text-align: center; + color: #9e9e9e; + } + .xdsoft_datetimepicker .xdsoft_mounthpicker button.xdsoft_prev::before { + content: "\f0d9"; + font: normal normal normal 14px/1 FontAwesome, serif; + font-size: 1.7em; + } + .xdsoft_datetimepicker .xdsoft_mounthpicker button.xdsoft_next::before { + content: "\f0da"; + font: normal normal normal 14px/1 FontAwesome, serif; + font-size: 1.7em; + } + .xdsoft_datetimepicker .xdsoft_mounthpicker button.xdsoft_today_button::before { + content: "\f015"; + font: normal normal normal 14px/1 FontAwesome, serif; + font-size: 1.4em; + } + .xdsoft_datetimepicker .xdsoft_mounthpicker > div.xdsoft_label { + background: #464c5d; + } + .xdsoft_datetimepicker .xdsoft_mounthpicker > div.xdsoft_label i { + line-height: 14px; + background-image: none; + text-indent: 0; + text-align: center; + } + .xdsoft_datetimepicker .xdsoft_mounthpicker > div.xdsoft_label i ::before { + content: "\f0dd"; + font: normal normal normal 14px/1 FontAwesome, serif; + font-size: 0.7em; + } + .xdsoft_datetimepicker .xdsoft_mounthpicker > div.xdsoft_label .xdsoft_select { + background: #353945; + } + .xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_calendar td, + .xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_calendar th { + border-color: #4c505c; + background-color: #2a2e39; + } + .xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_calendar td.xdsoft_disabled, + .xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_calendar td.xdsoft_other_month { + opacity: 0.8; + background: #a0cc75; + color: #000; + } .heatmap-color-0 { background-color: #2d303b; } + .CodeMirror { + color: #9daccc; + background-color: #2b2b2b; + border-top: 0; + } + .CodeMirror div.CodeMirror-cursor { + border-left: 1px solid #9e9e9e; + } + .CodeMirror .CodeMirror-gutters { + background-color: #2b2b2b; + } + .CodeMirror .CodeMirror-selected, + .CodeMirror ::-moz-selection, + .CodeMirror ::selection { + background: #42402f !important; + } + .CodeMirror.cm-s-default .cm-property, + .CodeMirror.cm-s-paper .cm-property { + color: #a0cc75; + } + .CodeMirror.cm-s-default .cm-header, + .CodeMirror.cm-s-paper .cm-header { + color: #9daccc; + } + .CodeMirror.cm-s-default .cm-quote, + .CodeMirror.cm-s-paper .cm-quote { + color: #090; + } + .CodeMirror.cm-s-default .cm-keyword, + .CodeMirror.cm-s-paper .cm-keyword { + color: #cc8a61; + } + .CodeMirror.cm-s-default .cm-atom, + .CodeMirror.cm-s-paper .cm-atom { + color: #ef5e77; + } + .CodeMirror.cm-s-default .cm-number, + .CodeMirror.cm-s-paper .cm-number { + color: #ff5656; + } + .CodeMirror.cm-s-default .cm-def, + .CodeMirror.cm-s-paper .cm-def { + color: #e4e4e4; + } + .CodeMirror.cm-s-default .cm-variable-2, + .CodeMirror.cm-s-paper .cm-variable-2 { + color: #00bdbf; + } + .CodeMirror.cm-s-default .cm-variable-3, + .CodeMirror.cm-s-paper .cm-variable-3 { + color: #085; + } + .CodeMirror.cm-s-default .cm-comment, + .CodeMirror.cm-s-paper .cm-comment { + color: #8e9ab3; + } + .CodeMirror.cm-s-default .cm-string, + .CodeMirror.cm-s-paper .cm-string { + color: #a77272; + } + .CodeMirror.cm-s-default .cm-string-2, + .CodeMirror.cm-s-paper .cm-string-2 { + color: #f50; + } + .CodeMirror.cm-s-default .cm-meta, + .CodeMirror.cm-s-default .cm-qualifier, + .CodeMirror.cm-s-paper .cm-meta, + .CodeMirror.cm-s-paper .cm-qualifier { + color: #ffb176; + } + .CodeMirror.cm-s-default .cm-builtin, + .CodeMirror.cm-s-paper .cm-builtin { + color: #b7c951; + } + .CodeMirror.cm-s-default .cm-bracket, + .CodeMirror.cm-s-paper .cm-bracket { + color: #997; + } + .CodeMirror.cm-s-default .cm-tag, + .CodeMirror.cm-s-paper .cm-tag { + color: #f1d273; + } + .CodeMirror.cm-s-default .cm-attribute, + .CodeMirror.cm-s-paper .cm-attribute { + color: #bfcc70; + } + .CodeMirror.cm-s-default .cm-hr, + .CodeMirror.cm-s-paper .cm-hr { + color: #999; + } + .CodeMirror.cm-s-default .cm-url, + .CodeMirror.cm-s-paper .cm-url { + color: #c5cfd0; + } + .CodeMirror.cm-s-default .cm-link, + .CodeMirror.cm-s-paper .cm-link { + color: #d8c792; + } + .CodeMirror.cm-s-default .cm-error, + .CodeMirror.cm-s-paper .cm-error { + color: #dbdbeb; + } } diff --git a/gitea-dark-arc-green.user.css.less b/gitea-dark-arc-green.user.css.less index f7a71b6..655b7c4 100644 --- a/gitea-dark-arc-green.user.css.less +++ b/gitea-dark-arc-green.user.css.less @@ -1,7 +1,7 @@ /* ==UserStyle== @name Gitea Dark ARC Green @namespace https://git.mousetrap.xyz/alex/Gitea-Dark-ARC-Green -@version 1.8.3 +@version 1.9.0 ==/UserStyle== */ @-moz-document domain('git.mousetrap.xyz') { diff --git a/package.json b/package.json index cf6fda4..b204e8c 100644 --- a/package.json +++ b/package.json @@ -4,7 +4,7 @@ "less": "^3.9.0" }, "scripts": { - "update-css": "bash -c './node_modules/cssbeautify/bin/cssbeautify <(curl -s 'https://raw.githubusercontent.com/go-gitea/gitea/v1.8.3/public/css/theme-arc-green.css') > theme-arc-green.css.less'", + "update-css": "bash -c './node_modules/cssbeautify/bin/cssbeautify <(curl -s 'https://raw.githubusercontent.com/go-gitea/gitea/v1.9.0/public/css/theme-arc-green.css') > theme-arc-green.css.less'", "build": "./node_modules/less/bin/lessc gitea-dark-arc-green.user.css.less gitea-dark-arc-green.user.css" } }