From 711ee28ad6cfd5d045b1ae7755277488172d0d4a Mon Sep 17 00:00:00 2001 From: escritorio-gustavo <131818645+escritorio-gustavo@users.noreply.github.com> Date: Wed, 31 Jan 2024 09:12:05 -0300 Subject: [PATCH 1/2] Update _src/styles/website.css with dark mode --- _src/styles/website.css | 110 ++++++++++++++++++++++++++++++++++++++++ 1 file changed, 110 insertions(+) diff --git a/_src/styles/website.css b/_src/styles/website.css index 83eeaf15..e9186f09 100644 --- a/_src/styles/website.css +++ b/_src/styles/website.css @@ -47,3 +47,113 @@ a.plugin-anchor i { .indent ~ p { padding-left: 40px; } + +@media (prefers-color-scheme: dark) { + /* General colors */ + .book-summary, .book-body, .dropdown-menu { + background-color: #1a1a1a; + } + + .dropdown-menu { + border-color: rgba(255, 255, 255, .07); + -webkit-box-shadow: 0 6px 12px rgba(255,255,255,.175); + box-shadow: 0 6px 12px rgba(255,255,255,.175); + } + + .dropdown-menu .dropdown-caret .caret-outer { + border-bottom-color: rgba(255,255,255,.1); + } + + .dropdown-menu .dropdown-caret .caret-inner { + border-bottom-color: #1a1a1a; + } + + .dropdown-menu .buttons { + border-bottom-color: rgba(255,255,255,.07); + } + + .dropdown-menu .buttons .button:hover { + color: #c5c5c5; + } + + .book-summary ul.summary li a, + .book-summary ul.summary li span, + .markdown-section, + .dropdown-menu { + color: #e0e0e0; + } + + .markdown-section pre { + -webkit-box-shadow: -10px 0 0 0 rgba(255,255,255,.1); + box-shadow: -10px 0 0 0 rgba(255,255,255,.1); + } + + .markdown-section pre:hover { + border-color: rgba(255,255,2555,.1); + } + + .markdown-section code { + background-color: #3d3d3d; + } + + .markdown-section a { + color: #70abe6; + } + + .book-summary ul.summary li.active > a { + color: #45abff; + } + + .book-header .btn:hover { + color: #a8a8a8; + } + + /* Small tweaks to syntax highlighting to boost contrast */ + .book .book-body .page-wrapper .page-inner section.normal pre .hljs-comment, + .book .book-body .page-wrapper .page-inner section.normal code .hljs-comment, + .book .book-body .page-wrapper .page-inner section.normal pre .hljs-title, + .book .book-body .page-wrapper .page-inner section.normal code .hljs-title { + color: #efefef; + } + + .book .book-body .page-wrapper .page-inner section.normal pre .hljs-keyword, + .book .book-body .page-wrapper .page-inner section.normal code .hljs-keyword, + .book .book-body .page-wrapper .page-inner section.normal pre .javascript .hljs-function, + .book .book-body .page-wrapper .page-inner section.normal code .javascript .hljs-function { + color: #ca92ee; + } + + .book .book-body .page-wrapper .page-inner section.normal pre .hljs-string, + .book .book-body .page-wrapper .page-inner section.normal code .hljs-string, + .book .book-body .page-wrapper .page-inner section.normal pre .hljs-value, + .book .book-body .page-wrapper .page-inner section.normal code .hljs-value, + .book .book-body .page-wrapper .page-inner section.normal pre .hljs-inheritance, + .book .book-body .page-wrapper .page-inner section.normal code .hljs-inheritance, + .book .book-body .page-wrapper .page-inner section.normal pre .hljs-header, + .book .book-body .page-wrapper .page-inner section.normal code .hljs-header, + .book .book-body .page-wrapper .page-inner section.normal pre .hljs-addition, + .book .book-body .page-wrapper .page-inner section.normal code .hljs-addition, + .book .book-body .page-wrapper .page-inner section.normal pre .ruby .hljs-symbol, + .book .book-body .page-wrapper .page-inner section.normal code .ruby .hljs-symbol, + .book .book-body .page-wrapper .page-inner section.normal pre .xml .hljs-cdata, + .book .book-body .page-wrapper .page-inner section.normal code .xml .hljs-cdata { + color: #94b01b; + } + + .book .book-body .page-wrapper .page-inner section.normal pre .hljs-number, + .book .book-body .page-wrapper .page-inner section.normal code .hljs-number, + .book .book-body .page-wrapper .page-inner section.normal pre .hljs-preprocessor, + .book .book-body .page-wrapper .page-inner section.normal code .hljs-preprocessor, + .book .book-body .page-wrapper .page-inner section.normal pre .hljs-pragma, + .book .book-body .page-wrapper .page-inner section.normal code .hljs-pragma, + .book .book-body .page-wrapper .page-inner section.normal pre .hljs-built_in, + .book .book-body .page-wrapper .page-inner section.normal code .hljs-built_in, + .book .book-body .page-wrapper .page-inner section.normal pre .hljs-literal, + .book .book-body .page-wrapper .page-inner section.normal code .hljs-literal, + .book .book-body .page-wrapper .page-inner section.normal pre .hljs-params, + .book .book-body .page-wrapper .page-inner section.normal code .hljs-params, + .book .book-body .page-wrapper .page-inner section.normal pre .hljs-constant, + .book .book-body .page-wrapper .page-inner section.normal code .hljs-constant { + color: #ec913b; + } +} From b69aa375c0b73281585800d441d8f17bada2c06d Mon Sep 17 00:00:00 2001 From: escritorio-gustavo <131818645+escritorio-gustavo@users.noreply.github.com> Date: Wed, 31 Jan 2024 09:14:00 -0300 Subject: [PATCH 2/2] Update styles/website.css with dark mode --- styles/website.css | 111 +++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 111 insertions(+) diff --git a/styles/website.css b/styles/website.css index 83eeaf15..306d5170 100644 --- a/styles/website.css +++ b/styles/website.css @@ -47,3 +47,114 @@ a.plugin-anchor i { .indent ~ p { padding-left: 40px; } + + +@media (prefers-color-scheme: dark) { + /* General colors */ + .book-summary, .book-body, .dropdown-menu { + background-color: #1a1a1a; + } + + .dropdown-menu { + border-color: rgba(255, 255, 255, .07); + -webkit-box-shadow: 0 6px 12px rgba(255,255,255,.175); + box-shadow: 0 6px 12px rgba(255,255,255,.175); + } + + .dropdown-menu .dropdown-caret .caret-outer { + border-bottom-color: rgba(255,255,255,.1); + } + + .dropdown-menu .dropdown-caret .caret-inner { + border-bottom-color: #1a1a1a; + } + + .dropdown-menu .buttons { + border-bottom-color: rgba(255,255,255,.07); + } + + .dropdown-menu .buttons .button:hover { + color: #c5c5c5; + } + + .book-summary ul.summary li a, + .book-summary ul.summary li span, + .markdown-section, + .dropdown-menu { + color: #e0e0e0; + } + + .markdown-section pre { + -webkit-box-shadow: -10px 0 0 0 rgba(255,255,255,.1); + box-shadow: -10px 0 0 0 rgba(255,255,255,.1); + } + + .markdown-section pre:hover { + border-color: rgba(255,255,2555,.1); + } + + .markdown-section code { + background-color: #3d3d3d; + } + + .markdown-section a { + color: #70abe6; + } + + .book-summary ul.summary li.active > a { + color: #45abff; + } + + .book-header .btn:hover { + color: #a8a8a8; + } + + /* Small tweaks to syntax highlighting to boost contrast */ + .book .book-body .page-wrapper .page-inner section.normal pre .hljs-comment, + .book .book-body .page-wrapper .page-inner section.normal code .hljs-comment, + .book .book-body .page-wrapper .page-inner section.normal pre .hljs-title, + .book .book-body .page-wrapper .page-inner section.normal code .hljs-title { + color: #efefef; + } + + .book .book-body .page-wrapper .page-inner section.normal pre .hljs-keyword, + .book .book-body .page-wrapper .page-inner section.normal code .hljs-keyword, + .book .book-body .page-wrapper .page-inner section.normal pre .javascript .hljs-function, + .book .book-body .page-wrapper .page-inner section.normal code .javascript .hljs-function { + color: #ca92ee; + } + + .book .book-body .page-wrapper .page-inner section.normal pre .hljs-string, + .book .book-body .page-wrapper .page-inner section.normal code .hljs-string, + .book .book-body .page-wrapper .page-inner section.normal pre .hljs-value, + .book .book-body .page-wrapper .page-inner section.normal code .hljs-value, + .book .book-body .page-wrapper .page-inner section.normal pre .hljs-inheritance, + .book .book-body .page-wrapper .page-inner section.normal code .hljs-inheritance, + .book .book-body .page-wrapper .page-inner section.normal pre .hljs-header, + .book .book-body .page-wrapper .page-inner section.normal code .hljs-header, + .book .book-body .page-wrapper .page-inner section.normal pre .hljs-addition, + .book .book-body .page-wrapper .page-inner section.normal code .hljs-addition, + .book .book-body .page-wrapper .page-inner section.normal pre .ruby .hljs-symbol, + .book .book-body .page-wrapper .page-inner section.normal code .ruby .hljs-symbol, + .book .book-body .page-wrapper .page-inner section.normal pre .xml .hljs-cdata, + .book .book-body .page-wrapper .page-inner section.normal code .xml .hljs-cdata { + color: #94b01b; + } + + .book .book-body .page-wrapper .page-inner section.normal pre .hljs-number, + .book .book-body .page-wrapper .page-inner section.normal code .hljs-number, + .book .book-body .page-wrapper .page-inner section.normal pre .hljs-preprocessor, + .book .book-body .page-wrapper .page-inner section.normal code .hljs-preprocessor, + .book .book-body .page-wrapper .page-inner section.normal pre .hljs-pragma, + .book .book-body .page-wrapper .page-inner section.normal code .hljs-pragma, + .book .book-body .page-wrapper .page-inner section.normal pre .hljs-built_in, + .book .book-body .page-wrapper .page-inner section.normal code .hljs-built_in, + .book .book-body .page-wrapper .page-inner section.normal pre .hljs-literal, + .book .book-body .page-wrapper .page-inner section.normal code .hljs-literal, + .book .book-body .page-wrapper .page-inner section.normal pre .hljs-params, + .book .book-body .page-wrapper .page-inner section.normal code .hljs-params, + .book .book-body .page-wrapper .page-inner section.normal pre .hljs-constant, + .book .book-body .page-wrapper .page-inner section.normal code .hljs-constant { + color: #ec913b; + } +}