commit 9817d4fb13305c1bd5e5a0f41e8fe3f582406a39
author Alexander Yastrebov <yastrebov.alex@gmail.com> Sat Sep 30 23:05:33 2023 +0000
committer Suzy Mueller <suzmue@golang.org> Thu Oct 05 22:11:16 2023 +0000
tree 9f5268b8b1a983706d23173bb6a5b82b739a9323
parent 914e496b739f9673a6610736876705157846482b

_content/tour: add dark theme cursor and selection styles

Add styles for dark theme cursor and selection.
Cursor color set equal to the foreground color.
Focused selection color set to the complement color
of the background color and inactive selection
is the lighter tint of it.

Fixes golang/go#63313

Change-Id: If9702f45262eea330d42ec0fd9717b36da026540
GitHub-Last-Rev: 1545bbaea9a4652720116923983b74f3c8710aed
GitHub-Pull-Request: golang/website#253
Reviewed-on: https://go-review.googlesource.com/c/website/+/531856
TryBot-Result: Gopher Robot <gobot@golang.org>
Auto-Submit: Suzy Mueller <suzmue@golang.org>
LUCI-TryBot-Result: Go LUCI <golang-scoped@luci-project-accounts.iam.gserviceaccount.com>
Run-TryBot: Hyang-Ah Hana Kim <hyangah@gmail.com>
Reviewed-by: Hyang-Ah Hana Kim <hyangah@gmail.com>
Reviewed-by: Suzy Mueller <suzmue@golang.org>

_content/tour/static/css/app.css

diff --git a/_content/tour/static/css/app.css b/_content/tour/static/css/app.css
index 30d7d8e..c8cd9db 100755
--- a/_content/tour/static/css/app.css
+++ b/_content/tour/static/css/app.css
@@ -396,6 +396,13 @@
 [data-theme='dark'] .cm-s-default .cm-comment {
     color: #fb6;
 }
+
+[data-theme='dark'] .CodeMirror-cursor { border-color: #BABABA; }
+[data-theme='dark'] .CodeMirror-selected { background: #55483a; }
+[data-theme='dark'] .CodeMirror-focused .CodeMirror-selected { background: #433425; }
+[data-theme='dark'] .CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection { background: #433425; }
+[data-theme='dark'] .CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection { background: #433425; }
+
 @media (min-width: 601px) {
     #editor-container {
         position: fixed;