Add caret styling CSS (#15651)

* Add caret styling CSS

Fixes: https://github.com/go-gitea/gitea/issues/15644

* add rule in arc-green as well

* grammar

* Update web_src/less/themes/theme-arc-green.less

Co-authored-by: Wim <wim@42.be>

* remove extra rule

* add comment

Co-authored-by: zeripath <art27@cantab.net>
Co-authored-by: Wim <wim@42.be>
Co-authored-by: techknowlogick <techknowlogick@gitea.io>
This commit is contained in:
silverwind 2021-05-05 20:14:04 +02:00 committed by GitHub
parent a961335dc7
commit da41714c50
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 7 additions and 8 deletions

View File

@ -112,6 +112,7 @@
--color-placeholder-text: #aaa; --color-placeholder-text: #aaa;
--color-editor-line-highlight: var(--color-primary-light-6); --color-editor-line-highlight: var(--color-primary-light-6);
--color-project-board-bg: var(--color-secondary-light-4); --color-project-board-bg: var(--color-secondary-light-4);
--color-caret: var(--color-text-dark);
/* backgrounds */ /* backgrounds */
--checkbox-mask-checked: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="-1 -1 18 18" width="16" height="16"><path fill-rule="evenodd" d="M13.78 4.22a.75.75 0 010 1.06l-7.25 7.25a.75.75 0 01-1.06 0L2.22 9.28a.75.75 0 011.06-1.06L6 10.94l6.72-6.72a.75.75 0 011.06 0z"></path></svg>'); --checkbox-mask-checked: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="-1 -1 18 18" width="16" height="16"><path fill-rule="evenodd" d="M13.78 4.22a.75.75 0 010 1.06l-7.25 7.25a.75.75 0 01-1.06 0L2.22 9.28a.75.75 0 011.06-1.06L6 10.94l6.72-6.72a.75.75 0 011.06 0z"></path></svg>');
--checkbox-mask-indeterminate: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><path fill-rule="evenodd" d="M2 7.75A.75.75 0 012.75 7h10a.75.75 0 010 1.5h-10A.75.75 0 012 7.75z"></path></svg>'); --checkbox-mask-indeterminate: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><path fill-rule="evenodd" d="M2 7.75A.75.75 0 012.75 7h10a.75.75 0 010 1.5h-10A.75.75 0 012 7.75z"></path></svg>');
@ -161,15 +162,12 @@ table {
border-collapse: collapse; border-collapse: collapse;
} }
/* firefox scroll bars */
* { * {
scrollbar-width: thin; scrollbar-width: thin;
scrollbar-color: var(--color-primary) transparent; scrollbar-color: var(--color-primary) transparent;
caret-color: var(--color-caret);
} }
/* webkit scrollbars */
::-webkit-scrollbar { ::-webkit-scrollbar {
width: 10px; width: 10px;
} }
@ -188,6 +186,10 @@ table {
background: transparent; background: transparent;
} }
.CodeMirror-cursor {
border-color: var(--color-caret) !important;
}
::selection, ::selection,
.CodeMirror-selected { .CodeMirror-selected {
background: var(--color-primary-light-1) !important; background: var(--color-primary-light-1) !important;

View File

@ -4,10 +4,6 @@
border-color: var(--color-secondary); border-color: var(--color-secondary);
font: 14px var(--fonts-monospace); font: 14px var(--fonts-monospace);
.CodeMirror-cursor {
border-left: 1px solid var(--color-input-text);
}
&.cm-s-default { &.cm-s-default {
border-radius: 3px; border-radius: 3px;
padding: 0 !important; padding: 0 !important;

View File

@ -108,6 +108,7 @@
--color-placeholder-text: #6a737d; --color-placeholder-text: #6a737d;
--color-editor-line-highlight: var(--color-primary-light-5); --color-editor-line-highlight: var(--color-primary-light-5);
--color-project-board-bg: var(--color-secondary-light-2); --color-project-board-bg: var(--color-secondary-light-2);
--color-caret: var(--color-text); /* should ideally be --color-text-dark, see #15651 */
} }
::-webkit-calendar-picker-indicator { ::-webkit-calendar-picker-indicator {