From 8b5793caf290d3b75a12162dc715c68929fe5b79 Mon Sep 17 00:00:00 2001 From: Sophia Atkinson Date: Thu, 14 Sep 2023 00:45:00 -0700 Subject: [PATCH] ajustments --- css/debian-theme.css | 99 ++++++++++++++++++++++++---------------- css/default-theme.css | 99 ++++++++++++++++++++++++---------------- css/discord-theme.css | 99 ++++++++++++++++++++++++---------------- css/jse-theme.css | 99 ++++++++++++++++++++++++---------------- css/noctua-theme.css | 99 ++++++++++++++++++++++++---------------- css/pink-theme.css | 99 ++++++++++++++++++++++++---------------- css/purple-theme.css | 99 ++++++++++++++++++++++++---------------- css/retro-theme.css | 99 ++++++++++++++++++++++++---------------- css/ubuntu-theme.css | 99 ++++++++++++++++++++++++---------------- scss/_base.scss | 48 ++++--------------- scss/_fonts.scss | 1 + scss/_plugin_styles.scss | 49 ++++++++++++++++++++ 12 files changed, 589 insertions(+), 400 deletions(-) create mode 100644 scss/_plugin_styles.scss diff --git a/css/debian-theme.css b/css/debian-theme.css index 6d892e6..10a801f 100644 --- a/css/debian-theme.css +++ b/css/debian-theme.css @@ -1,7 +1,60 @@ @import url("https://fonts.bunny.net/css?family=damion:400|oxygen:400"); +@import url("https://cdn.satki.net/static/fonts/OpenDyslexic2-Alt-A/opendyslexic.min.css"); +#slb_viewer_wrap .slb_theme_slb_black a, +#slb_viewer_wrap .slb_theme_slb_black a:hover, +#slb_viewer_wrap .slb_theme_slb_black .slb_data_title, +#slb_viewer_wrap .slb_theme_slb_black .slb_data_desc, +#slb_viewer_wrap .slb_theme_slb_black .slb_group_status, +#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a.active { + color: var(--text-color) !important; +} + +#slb_viewer_wrap .slb_theme_slb_black .slb_container, +div#cwv3_dialog.cwv3_dialog.js { + background-color: var(--background) !important; +} + +div#cwv3_dialog.cwv3_dialog.js, +div.cwv3_btns, +.gdrf-success, +.gdrf-errors { + border-color: var(--background-darker) !important; +} + +#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a.active { + background-color: var(--href-dark); +} + +#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a { + background-color: var(--href); +} + +#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay, +#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items.pojo-a11y-links { + border-color: var(--href); + background-color: var(--background-darker); +} + +.pojo-skip-link { + border-radius: 2px; +} + +.pojo-skip-link:focus { + box-shadow: none; +} + +.pojo-skip-link:focus { + color: var(--href) !important; +} + +body.pojo-a11y-dyslexia-font, body.pojo-a11y-dyslexia-font :not(i):not(span) { + font-family: OpenDyslexic2 Alt !important; +} + ::-moz-selection { background-color: var(--selector); } + ::selection { background-color: var(--selector); } @@ -11,12 +64,6 @@ display: none; } -#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay, -#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items.pojo-a11y-links { - border-color: var(--href); - background-color: var(--background-darker); -} - #site-navigation ul li a, .byline a, .entry-footer > span.tags-links, @@ -67,15 +114,12 @@ ul#primary-menu.menu.nav-menu:after { .wp-comment-cookies-consent, div#wpadminbar.nojq, div.custom-header.no-bg-img, -div.cwv3_btns, div.logo-ads-wrap, div.mt-logo-row-wrapper.mt-clearfix, div.site-branding, div.sticky-wrapper, footer#colophon.site-footer, nav#site-navigation.main-navigation.isActive, -.gdrf-success, -.gdrf-errors, #site-navigation ul li .sub-menu, #site-navigation ul li .children, .comment-list .comment-body, @@ -86,7 +130,6 @@ textarea#comment { } #colophon .widget .widget-title:before, -#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a, #secondary .widget .widget-title:before, #site-navigation .menu-item-description, .edit-link .post-edit-link, @@ -108,7 +151,6 @@ input.search-submit { background-color: var(--href); } -#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a.active, .bttn:hover, .mt-live-link a:focus, .mt-live-link a:hover, @@ -214,8 +256,7 @@ em a, h3.entry-title a:active, h3.entry-title a:hover, i a, -section ul li a:hover, -.pojo-skip-link:focus { +section ul li a:hover { color: var(--href) !important; } @@ -318,7 +359,8 @@ body { } .wp-block-code, -code { +code, +pre { background-color: #343434; } @@ -388,8 +430,7 @@ q:before { a:hover, em a:active, em a:focus, -em a:hover, -.pojo-skip-link:focus { +em a:hover { color: var(--href); } @@ -504,8 +545,7 @@ span.required { .mt-live-link a:focus, .mt-live-link a:hover, -.search article, -.pojo-skip-link:focus { +.search article { box-shadow: none; } @@ -576,7 +616,6 @@ textarea { } img, -.pojo-skip-link, .mt-author-box, #respond, .wp-block-code, @@ -590,11 +629,6 @@ code { color: var(--text-color) !important; } -div#cwv3_dialog.cwv3_dialog.js { - background-color: var(--background) !important; - border-color: var(--background-darker) !important; -} - .recentcomments, .widget_recent_comments li { display: block !important; @@ -631,25 +665,10 @@ div#cwv3_dialog.cwv3_dialog.js { border-radius: 10px; } -figure.invert img { +.invert img { filter: invert(1); } -#slb_viewer_wrap .slb_theme_slb_black a, -#slb_viewer_wrap .slb_theme_slb_black a:hover { - color: var(--text-color); -} - -#slb_viewer_wrap .slb_theme_slb_black .slb_container { - background-color: var(--background) !important; -} - -#slb_viewer_wrap .slb_theme_slb_black .slb_data_title, -#slb_viewer_wrap .slb_theme_slb_black .slb_data_desc, -#slb_viewer_wrap .slb_theme_slb_black .slb_group_status { - color: var(--text-color) !important; -} - :root { --text-color:#fff; --background:#333333; diff --git a/css/default-theme.css b/css/default-theme.css index 65dac75..1e6b23a 100644 --- a/css/default-theme.css +++ b/css/default-theme.css @@ -1,7 +1,60 @@ @import url("https://fonts.bunny.net/css?family=damion:400|oxygen:400"); +@import url("https://cdn.satki.net/static/fonts/OpenDyslexic2-Alt-A/opendyslexic.min.css"); +#slb_viewer_wrap .slb_theme_slb_black a, +#slb_viewer_wrap .slb_theme_slb_black a:hover, +#slb_viewer_wrap .slb_theme_slb_black .slb_data_title, +#slb_viewer_wrap .slb_theme_slb_black .slb_data_desc, +#slb_viewer_wrap .slb_theme_slb_black .slb_group_status, +#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a.active { + color: var(--text-color) !important; +} + +#slb_viewer_wrap .slb_theme_slb_black .slb_container, +div#cwv3_dialog.cwv3_dialog.js { + background-color: var(--background) !important; +} + +div#cwv3_dialog.cwv3_dialog.js, +div.cwv3_btns, +.gdrf-success, +.gdrf-errors { + border-color: var(--background-darker) !important; +} + +#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a.active { + background-color: var(--href-dark); +} + +#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a { + background-color: var(--href); +} + +#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay, +#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items.pojo-a11y-links { + border-color: var(--href); + background-color: var(--background-darker); +} + +.pojo-skip-link { + border-radius: 2px; +} + +.pojo-skip-link:focus { + box-shadow: none; +} + +.pojo-skip-link:focus { + color: var(--href) !important; +} + +body.pojo-a11y-dyslexia-font, body.pojo-a11y-dyslexia-font :not(i):not(span) { + font-family: OpenDyslexic2 Alt !important; +} + ::-moz-selection { background-color: var(--selector); } + ::selection { background-color: var(--selector); } @@ -11,12 +64,6 @@ display: none; } -#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay, -#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items.pojo-a11y-links { - border-color: var(--href); - background-color: var(--background-darker); -} - #site-navigation ul li a, .byline a, .entry-footer > span.tags-links, @@ -67,15 +114,12 @@ ul#primary-menu.menu.nav-menu:after { .wp-comment-cookies-consent, div#wpadminbar.nojq, div.custom-header.no-bg-img, -div.cwv3_btns, div.logo-ads-wrap, div.mt-logo-row-wrapper.mt-clearfix, div.site-branding, div.sticky-wrapper, footer#colophon.site-footer, nav#site-navigation.main-navigation.isActive, -.gdrf-success, -.gdrf-errors, #site-navigation ul li .sub-menu, #site-navigation ul li .children, .comment-list .comment-body, @@ -86,7 +130,6 @@ textarea#comment { } #colophon .widget .widget-title:before, -#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a, #secondary .widget .widget-title:before, #site-navigation .menu-item-description, .edit-link .post-edit-link, @@ -108,7 +151,6 @@ input.search-submit { background-color: var(--href); } -#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a.active, .bttn:hover, .mt-live-link a:focus, .mt-live-link a:hover, @@ -214,8 +256,7 @@ em a, h3.entry-title a:active, h3.entry-title a:hover, i a, -section ul li a:hover, -.pojo-skip-link:focus { +section ul li a:hover { color: var(--href) !important; } @@ -318,7 +359,8 @@ body { } .wp-block-code, -code { +code, +pre { background-color: #343434; } @@ -388,8 +430,7 @@ q:before { a:hover, em a:active, em a:focus, -em a:hover, -.pojo-skip-link:focus { +em a:hover { color: var(--href); } @@ -504,8 +545,7 @@ span.required { .mt-live-link a:focus, .mt-live-link a:hover, -.search article, -.pojo-skip-link:focus { +.search article { box-shadow: none; } @@ -576,7 +616,6 @@ textarea { } img, -.pojo-skip-link, .mt-author-box, #respond, .wp-block-code, @@ -590,11 +629,6 @@ code { color: var(--text-color) !important; } -div#cwv3_dialog.cwv3_dialog.js { - background-color: var(--background) !important; - border-color: var(--background-darker) !important; -} - .recentcomments, .widget_recent_comments li { display: block !important; @@ -631,25 +665,10 @@ div#cwv3_dialog.cwv3_dialog.js { border-radius: 10px; } -figure.invert img { +.invert img { filter: invert(1); } -#slb_viewer_wrap .slb_theme_slb_black a, -#slb_viewer_wrap .slb_theme_slb_black a:hover { - color: var(--text-color); -} - -#slb_viewer_wrap .slb_theme_slb_black .slb_container { - background-color: var(--background) !important; -} - -#slb_viewer_wrap .slb_theme_slb_black .slb_data_title, -#slb_viewer_wrap .slb_theme_slb_black .slb_data_desc, -#slb_viewer_wrap .slb_theme_slb_black .slb_group_status { - color: var(--text-color) !important; -} - :root { --text-color:#fff; --background:#383C4A; diff --git a/css/discord-theme.css b/css/discord-theme.css index 2dec4a1..6dff811 100644 --- a/css/discord-theme.css +++ b/css/discord-theme.css @@ -1,7 +1,60 @@ @import url("https://fonts.bunny.net/css?family=damion:400|oxygen:400"); +@import url("https://cdn.satki.net/static/fonts/OpenDyslexic2-Alt-A/opendyslexic.min.css"); +#slb_viewer_wrap .slb_theme_slb_black a, +#slb_viewer_wrap .slb_theme_slb_black a:hover, +#slb_viewer_wrap .slb_theme_slb_black .slb_data_title, +#slb_viewer_wrap .slb_theme_slb_black .slb_data_desc, +#slb_viewer_wrap .slb_theme_slb_black .slb_group_status, +#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a.active { + color: var(--text-color) !important; +} + +#slb_viewer_wrap .slb_theme_slb_black .slb_container, +div#cwv3_dialog.cwv3_dialog.js { + background-color: var(--background) !important; +} + +div#cwv3_dialog.cwv3_dialog.js, +div.cwv3_btns, +.gdrf-success, +.gdrf-errors { + border-color: var(--background-darker) !important; +} + +#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a.active { + background-color: var(--href-dark); +} + +#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a { + background-color: var(--href); +} + +#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay, +#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items.pojo-a11y-links { + border-color: var(--href); + background-color: var(--background-darker); +} + +.pojo-skip-link { + border-radius: 2px; +} + +.pojo-skip-link:focus { + box-shadow: none; +} + +.pojo-skip-link:focus { + color: var(--href) !important; +} + +body.pojo-a11y-dyslexia-font, body.pojo-a11y-dyslexia-font :not(i):not(span) { + font-family: OpenDyslexic2 Alt !important; +} + ::-moz-selection { background-color: var(--selector); } + ::selection { background-color: var(--selector); } @@ -11,12 +64,6 @@ display: none; } -#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay, -#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items.pojo-a11y-links { - border-color: var(--href); - background-color: var(--background-darker); -} - #site-navigation ul li a, .byline a, .entry-footer > span.tags-links, @@ -67,15 +114,12 @@ ul#primary-menu.menu.nav-menu:after { .wp-comment-cookies-consent, div#wpadminbar.nojq, div.custom-header.no-bg-img, -div.cwv3_btns, div.logo-ads-wrap, div.mt-logo-row-wrapper.mt-clearfix, div.site-branding, div.sticky-wrapper, footer#colophon.site-footer, nav#site-navigation.main-navigation.isActive, -.gdrf-success, -.gdrf-errors, #site-navigation ul li .sub-menu, #site-navigation ul li .children, .comment-list .comment-body, @@ -86,7 +130,6 @@ textarea#comment { } #colophon .widget .widget-title:before, -#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a, #secondary .widget .widget-title:before, #site-navigation .menu-item-description, .edit-link .post-edit-link, @@ -108,7 +151,6 @@ input.search-submit { background-color: var(--href); } -#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a.active, .bttn:hover, .mt-live-link a:focus, .mt-live-link a:hover, @@ -214,8 +256,7 @@ em a, h3.entry-title a:active, h3.entry-title a:hover, i a, -section ul li a:hover, -.pojo-skip-link:focus { +section ul li a:hover { color: var(--href) !important; } @@ -318,7 +359,8 @@ body { } .wp-block-code, -code { +code, +pre { background-color: #343434; } @@ -388,8 +430,7 @@ q:before { a:hover, em a:active, em a:focus, -em a:hover, -.pojo-skip-link:focus { +em a:hover { color: var(--href); } @@ -504,8 +545,7 @@ span.required { .mt-live-link a:focus, .mt-live-link a:hover, -.search article, -.pojo-skip-link:focus { +.search article { box-shadow: none; } @@ -576,7 +616,6 @@ textarea { } img, -.pojo-skip-link, .mt-author-box, #respond, .wp-block-code, @@ -590,11 +629,6 @@ code { color: var(--text-color) !important; } -div#cwv3_dialog.cwv3_dialog.js { - background-color: var(--background) !important; - border-color: var(--background-darker) !important; -} - .recentcomments, .widget_recent_comments li { display: block !important; @@ -631,25 +665,10 @@ div#cwv3_dialog.cwv3_dialog.js { border-radius: 10px; } -figure.invert img { +.invert img { filter: invert(1); } -#slb_viewer_wrap .slb_theme_slb_black a, -#slb_viewer_wrap .slb_theme_slb_black a:hover { - color: var(--text-color); -} - -#slb_viewer_wrap .slb_theme_slb_black .slb_container { - background-color: var(--background) !important; -} - -#slb_viewer_wrap .slb_theme_slb_black .slb_data_title, -#slb_viewer_wrap .slb_theme_slb_black .slb_data_desc, -#slb_viewer_wrap .slb_theme_slb_black .slb_group_status { - color: var(--text-color) !important; -} - :root { --text-color:#fff; --background:#2E3035; diff --git a/css/jse-theme.css b/css/jse-theme.css index d16021a..cd1bf09 100644 --- a/css/jse-theme.css +++ b/css/jse-theme.css @@ -1,7 +1,60 @@ @import url("https://fonts.bunny.net/css?family=damion:400|oxygen:400"); +@import url("https://cdn.satki.net/static/fonts/OpenDyslexic2-Alt-A/opendyslexic.min.css"); +#slb_viewer_wrap .slb_theme_slb_black a, +#slb_viewer_wrap .slb_theme_slb_black a:hover, +#slb_viewer_wrap .slb_theme_slb_black .slb_data_title, +#slb_viewer_wrap .slb_theme_slb_black .slb_data_desc, +#slb_viewer_wrap .slb_theme_slb_black .slb_group_status, +#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a.active { + color: var(--text-color) !important; +} + +#slb_viewer_wrap .slb_theme_slb_black .slb_container, +div#cwv3_dialog.cwv3_dialog.js { + background-color: var(--background) !important; +} + +div#cwv3_dialog.cwv3_dialog.js, +div.cwv3_btns, +.gdrf-success, +.gdrf-errors { + border-color: var(--background-darker) !important; +} + +#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a.active { + background-color: var(--href-dark); +} + +#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a { + background-color: var(--href); +} + +#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay, +#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items.pojo-a11y-links { + border-color: var(--href); + background-color: var(--background-darker); +} + +.pojo-skip-link { + border-radius: 2px; +} + +.pojo-skip-link:focus { + box-shadow: none; +} + +.pojo-skip-link:focus { + color: var(--href) !important; +} + +body.pojo-a11y-dyslexia-font, body.pojo-a11y-dyslexia-font :not(i):not(span) { + font-family: OpenDyslexic2 Alt !important; +} + ::-moz-selection { background-color: var(--selector); } + ::selection { background-color: var(--selector); } @@ -11,12 +64,6 @@ display: none; } -#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay, -#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items.pojo-a11y-links { - border-color: var(--href); - background-color: var(--background-darker); -} - #site-navigation ul li a, .byline a, .entry-footer > span.tags-links, @@ -67,15 +114,12 @@ ul#primary-menu.menu.nav-menu:after { .wp-comment-cookies-consent, div#wpadminbar.nojq, div.custom-header.no-bg-img, -div.cwv3_btns, div.logo-ads-wrap, div.mt-logo-row-wrapper.mt-clearfix, div.site-branding, div.sticky-wrapper, footer#colophon.site-footer, nav#site-navigation.main-navigation.isActive, -.gdrf-success, -.gdrf-errors, #site-navigation ul li .sub-menu, #site-navigation ul li .children, .comment-list .comment-body, @@ -86,7 +130,6 @@ textarea#comment { } #colophon .widget .widget-title:before, -#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a, #secondary .widget .widget-title:before, #site-navigation .menu-item-description, .edit-link .post-edit-link, @@ -108,7 +151,6 @@ input.search-submit { background-color: var(--href); } -#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a.active, .bttn:hover, .mt-live-link a:focus, .mt-live-link a:hover, @@ -214,8 +256,7 @@ em a, h3.entry-title a:active, h3.entry-title a:hover, i a, -section ul li a:hover, -.pojo-skip-link:focus { +section ul li a:hover { color: var(--href) !important; } @@ -318,7 +359,8 @@ body { } .wp-block-code, -code { +code, +pre { background-color: #343434; } @@ -388,8 +430,7 @@ q:before { a:hover, em a:active, em a:focus, -em a:hover, -.pojo-skip-link:focus { +em a:hover { color: var(--href); } @@ -504,8 +545,7 @@ span.required { .mt-live-link a:focus, .mt-live-link a:hover, -.search article, -.pojo-skip-link:focus { +.search article { box-shadow: none; } @@ -576,7 +616,6 @@ textarea { } img, -.pojo-skip-link, .mt-author-box, #respond, .wp-block-code, @@ -590,11 +629,6 @@ code { color: var(--text-color) !important; } -div#cwv3_dialog.cwv3_dialog.js { - background-color: var(--background) !important; - border-color: var(--background-darker) !important; -} - .recentcomments, .widget_recent_comments li { display: block !important; @@ -631,25 +665,10 @@ div#cwv3_dialog.cwv3_dialog.js { border-radius: 10px; } -figure.invert img { +.invert img { filter: invert(1); } -#slb_viewer_wrap .slb_theme_slb_black a, -#slb_viewer_wrap .slb_theme_slb_black a:hover { - color: var(--text-color); -} - -#slb_viewer_wrap .slb_theme_slb_black .slb_container { - background-color: var(--background) !important; -} - -#slb_viewer_wrap .slb_theme_slb_black .slb_data_title, -#slb_viewer_wrap .slb_theme_slb_black .slb_data_desc, -#slb_viewer_wrap .slb_theme_slb_black .slb_group_status { - color: var(--text-color) !important; -} - :root { --text-color: #fff; --background: #191b19; diff --git a/css/noctua-theme.css b/css/noctua-theme.css index 2e055a7..a4cb3e1 100644 --- a/css/noctua-theme.css +++ b/css/noctua-theme.css @@ -1,7 +1,60 @@ @import url("https://fonts.bunny.net/css?family=damion:400|oxygen:400"); +@import url("https://cdn.satki.net/static/fonts/OpenDyslexic2-Alt-A/opendyslexic.min.css"); +#slb_viewer_wrap .slb_theme_slb_black a, +#slb_viewer_wrap .slb_theme_slb_black a:hover, +#slb_viewer_wrap .slb_theme_slb_black .slb_data_title, +#slb_viewer_wrap .slb_theme_slb_black .slb_data_desc, +#slb_viewer_wrap .slb_theme_slb_black .slb_group_status, +#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a.active { + color: var(--text-color) !important; +} + +#slb_viewer_wrap .slb_theme_slb_black .slb_container, +div#cwv3_dialog.cwv3_dialog.js { + background-color: var(--background) !important; +} + +div#cwv3_dialog.cwv3_dialog.js, +div.cwv3_btns, +.gdrf-success, +.gdrf-errors { + border-color: var(--background-darker) !important; +} + +#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a.active { + background-color: var(--href-dark); +} + +#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a { + background-color: var(--href); +} + +#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay, +#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items.pojo-a11y-links { + border-color: var(--href); + background-color: var(--background-darker); +} + +.pojo-skip-link { + border-radius: 2px; +} + +.pojo-skip-link:focus { + box-shadow: none; +} + +.pojo-skip-link:focus { + color: var(--href) !important; +} + +body.pojo-a11y-dyslexia-font, body.pojo-a11y-dyslexia-font :not(i):not(span) { + font-family: OpenDyslexic2 Alt !important; +} + ::-moz-selection { background-color: var(--selector); } + ::selection { background-color: var(--selector); } @@ -11,12 +64,6 @@ display: none; } -#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay, -#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items.pojo-a11y-links { - border-color: var(--href); - background-color: var(--background-darker); -} - #site-navigation ul li a, .byline a, .entry-footer > span.tags-links, @@ -67,15 +114,12 @@ ul#primary-menu.menu.nav-menu:after { .wp-comment-cookies-consent, div#wpadminbar.nojq, div.custom-header.no-bg-img, -div.cwv3_btns, div.logo-ads-wrap, div.mt-logo-row-wrapper.mt-clearfix, div.site-branding, div.sticky-wrapper, footer#colophon.site-footer, nav#site-navigation.main-navigation.isActive, -.gdrf-success, -.gdrf-errors, #site-navigation ul li .sub-menu, #site-navigation ul li .children, .comment-list .comment-body, @@ -86,7 +130,6 @@ textarea#comment { } #colophon .widget .widget-title:before, -#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a, #secondary .widget .widget-title:before, #site-navigation .menu-item-description, .edit-link .post-edit-link, @@ -108,7 +151,6 @@ input.search-submit { background-color: var(--href); } -#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a.active, .bttn:hover, .mt-live-link a:focus, .mt-live-link a:hover, @@ -214,8 +256,7 @@ em a, h3.entry-title a:active, h3.entry-title a:hover, i a, -section ul li a:hover, -.pojo-skip-link:focus { +section ul li a:hover { color: var(--href) !important; } @@ -318,7 +359,8 @@ body { } .wp-block-code, -code { +code, +pre { background-color: #343434; } @@ -388,8 +430,7 @@ q:before { a:hover, em a:active, em a:focus, -em a:hover, -.pojo-skip-link:focus { +em a:hover { color: var(--href); } @@ -504,8 +545,7 @@ span.required { .mt-live-link a:focus, .mt-live-link a:hover, -.search article, -.pojo-skip-link:focus { +.search article { box-shadow: none; } @@ -576,7 +616,6 @@ textarea { } img, -.pojo-skip-link, .mt-author-box, #respond, .wp-block-code, @@ -590,11 +629,6 @@ code { color: var(--text-color) !important; } -div#cwv3_dialog.cwv3_dialog.js { - background-color: var(--background) !important; - border-color: var(--background-darker) !important; -} - .recentcomments, .widget_recent_comments li { display: block !important; @@ -631,25 +665,10 @@ div#cwv3_dialog.cwv3_dialog.js { border-radius: 10px; } -figure.invert img { +.invert img { filter: invert(1); } -#slb_viewer_wrap .slb_theme_slb_black a, -#slb_viewer_wrap .slb_theme_slb_black a:hover { - color: var(--text-color); -} - -#slb_viewer_wrap .slb_theme_slb_black .slb_container { - background-color: var(--background) !important; -} - -#slb_viewer_wrap .slb_theme_slb_black .slb_data_title, -#slb_viewer_wrap .slb_theme_slb_black .slb_data_desc, -#slb_viewer_wrap .slb_theme_slb_black .slb_group_status { - color: var(--text-color) !important; -} - :root { --text-color:#fff; --background:#653024; diff --git a/css/pink-theme.css b/css/pink-theme.css index bbb8153..e86e1ad 100644 --- a/css/pink-theme.css +++ b/css/pink-theme.css @@ -1,7 +1,60 @@ @import url("https://fonts.bunny.net/css?family=damion:400|oxygen:400"); +@import url("https://cdn.satki.net/static/fonts/OpenDyslexic2-Alt-A/opendyslexic.min.css"); +#slb_viewer_wrap .slb_theme_slb_black a, +#slb_viewer_wrap .slb_theme_slb_black a:hover, +#slb_viewer_wrap .slb_theme_slb_black .slb_data_title, +#slb_viewer_wrap .slb_theme_slb_black .slb_data_desc, +#slb_viewer_wrap .slb_theme_slb_black .slb_group_status, +#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a.active { + color: var(--text-color) !important; +} + +#slb_viewer_wrap .slb_theme_slb_black .slb_container, +div#cwv3_dialog.cwv3_dialog.js { + background-color: var(--background) !important; +} + +div#cwv3_dialog.cwv3_dialog.js, +div.cwv3_btns, +.gdrf-success, +.gdrf-errors { + border-color: var(--background-darker) !important; +} + +#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a.active { + background-color: var(--href-dark); +} + +#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a { + background-color: var(--href); +} + +#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay, +#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items.pojo-a11y-links { + border-color: var(--href); + background-color: var(--background-darker); +} + +.pojo-skip-link { + border-radius: 2px; +} + +.pojo-skip-link:focus { + box-shadow: none; +} + +.pojo-skip-link:focus { + color: var(--href) !important; +} + +body.pojo-a11y-dyslexia-font, body.pojo-a11y-dyslexia-font :not(i):not(span) { + font-family: OpenDyslexic2 Alt !important; +} + ::-moz-selection { background-color: var(--selector); } + ::selection { background-color: var(--selector); } @@ -11,12 +64,6 @@ display: none; } -#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay, -#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items.pojo-a11y-links { - border-color: var(--href); - background-color: var(--background-darker); -} - #site-navigation ul li a, .byline a, .entry-footer > span.tags-links, @@ -67,15 +114,12 @@ ul#primary-menu.menu.nav-menu:after { .wp-comment-cookies-consent, div#wpadminbar.nojq, div.custom-header.no-bg-img, -div.cwv3_btns, div.logo-ads-wrap, div.mt-logo-row-wrapper.mt-clearfix, div.site-branding, div.sticky-wrapper, footer#colophon.site-footer, nav#site-navigation.main-navigation.isActive, -.gdrf-success, -.gdrf-errors, #site-navigation ul li .sub-menu, #site-navigation ul li .children, .comment-list .comment-body, @@ -86,7 +130,6 @@ textarea#comment { } #colophon .widget .widget-title:before, -#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a, #secondary .widget .widget-title:before, #site-navigation .menu-item-description, .edit-link .post-edit-link, @@ -108,7 +151,6 @@ input.search-submit { background-color: var(--href); } -#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a.active, .bttn:hover, .mt-live-link a:focus, .mt-live-link a:hover, @@ -214,8 +256,7 @@ em a, h3.entry-title a:active, h3.entry-title a:hover, i a, -section ul li a:hover, -.pojo-skip-link:focus { +section ul li a:hover { color: var(--href) !important; } @@ -318,7 +359,8 @@ body { } .wp-block-code, -code { +code, +pre { background-color: #343434; } @@ -388,8 +430,7 @@ q:before { a:hover, em a:active, em a:focus, -em a:hover, -.pojo-skip-link:focus { +em a:hover { color: var(--href); } @@ -504,8 +545,7 @@ span.required { .mt-live-link a:focus, .mt-live-link a:hover, -.search article, -.pojo-skip-link:focus { +.search article { box-shadow: none; } @@ -576,7 +616,6 @@ textarea { } img, -.pojo-skip-link, .mt-author-box, #respond, .wp-block-code, @@ -590,11 +629,6 @@ code { color: var(--text-color) !important; } -div#cwv3_dialog.cwv3_dialog.js { - background-color: var(--background) !important; - border-color: var(--background-darker) !important; -} - .recentcomments, .widget_recent_comments li { display: block !important; @@ -631,25 +665,10 @@ div#cwv3_dialog.cwv3_dialog.js { border-radius: 10px; } -figure.invert img { +.invert img { filter: invert(1); } -#slb_viewer_wrap .slb_theme_slb_black a, -#slb_viewer_wrap .slb_theme_slb_black a:hover { - color: var(--text-color); -} - -#slb_viewer_wrap .slb_theme_slb_black .slb_container { - background-color: var(--background) !important; -} - -#slb_viewer_wrap .slb_theme_slb_black .slb_data_title, -#slb_viewer_wrap .slb_theme_slb_black .slb_data_desc, -#slb_viewer_wrap .slb_theme_slb_black .slb_group_status { - color: var(--text-color) !important; -} - :root { --text-color: #fff; --background: #191919; diff --git a/css/purple-theme.css b/css/purple-theme.css index 1c52cb3..01fee23 100644 --- a/css/purple-theme.css +++ b/css/purple-theme.css @@ -1,7 +1,60 @@ @import url("https://fonts.bunny.net/css?family=damion:400|oxygen:400"); +@import url("https://cdn.satki.net/static/fonts/OpenDyslexic2-Alt-A/opendyslexic.min.css"); +#slb_viewer_wrap .slb_theme_slb_black a, +#slb_viewer_wrap .slb_theme_slb_black a:hover, +#slb_viewer_wrap .slb_theme_slb_black .slb_data_title, +#slb_viewer_wrap .slb_theme_slb_black .slb_data_desc, +#slb_viewer_wrap .slb_theme_slb_black .slb_group_status, +#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a.active { + color: var(--text-color) !important; +} + +#slb_viewer_wrap .slb_theme_slb_black .slb_container, +div#cwv3_dialog.cwv3_dialog.js { + background-color: var(--background) !important; +} + +div#cwv3_dialog.cwv3_dialog.js, +div.cwv3_btns, +.gdrf-success, +.gdrf-errors { + border-color: var(--background-darker) !important; +} + +#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a.active { + background-color: var(--href-dark); +} + +#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a { + background-color: var(--href); +} + +#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay, +#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items.pojo-a11y-links { + border-color: var(--href); + background-color: var(--background-darker); +} + +.pojo-skip-link { + border-radius: 2px; +} + +.pojo-skip-link:focus { + box-shadow: none; +} + +.pojo-skip-link:focus { + color: var(--href) !important; +} + +body.pojo-a11y-dyslexia-font, body.pojo-a11y-dyslexia-font :not(i):not(span) { + font-family: OpenDyslexic2 Alt !important; +} + ::-moz-selection { background-color: var(--selector); } + ::selection { background-color: var(--selector); } @@ -11,12 +64,6 @@ display: none; } -#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay, -#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items.pojo-a11y-links { - border-color: var(--href); - background-color: var(--background-darker); -} - #site-navigation ul li a, .byline a, .entry-footer > span.tags-links, @@ -67,15 +114,12 @@ ul#primary-menu.menu.nav-menu:after { .wp-comment-cookies-consent, div#wpadminbar.nojq, div.custom-header.no-bg-img, -div.cwv3_btns, div.logo-ads-wrap, div.mt-logo-row-wrapper.mt-clearfix, div.site-branding, div.sticky-wrapper, footer#colophon.site-footer, nav#site-navigation.main-navigation.isActive, -.gdrf-success, -.gdrf-errors, #site-navigation ul li .sub-menu, #site-navigation ul li .children, .comment-list .comment-body, @@ -86,7 +130,6 @@ textarea#comment { } #colophon .widget .widget-title:before, -#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a, #secondary .widget .widget-title:before, #site-navigation .menu-item-description, .edit-link .post-edit-link, @@ -108,7 +151,6 @@ input.search-submit { background-color: var(--href); } -#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a.active, .bttn:hover, .mt-live-link a:focus, .mt-live-link a:hover, @@ -214,8 +256,7 @@ em a, h3.entry-title a:active, h3.entry-title a:hover, i a, -section ul li a:hover, -.pojo-skip-link:focus { +section ul li a:hover { color: var(--href) !important; } @@ -318,7 +359,8 @@ body { } .wp-block-code, -code { +code, +pre { background-color: #343434; } @@ -388,8 +430,7 @@ q:before { a:hover, em a:active, em a:focus, -em a:hover, -.pojo-skip-link:focus { +em a:hover { color: var(--href); } @@ -504,8 +545,7 @@ span.required { .mt-live-link a:focus, .mt-live-link a:hover, -.search article, -.pojo-skip-link:focus { +.search article { box-shadow: none; } @@ -576,7 +616,6 @@ textarea { } img, -.pojo-skip-link, .mt-author-box, #respond, .wp-block-code, @@ -590,11 +629,6 @@ code { color: var(--text-color) !important; } -div#cwv3_dialog.cwv3_dialog.js { - background-color: var(--background) !important; - border-color: var(--background-darker) !important; -} - .recentcomments, .widget_recent_comments li { display: block !important; @@ -631,25 +665,10 @@ div#cwv3_dialog.cwv3_dialog.js { border-radius: 10px; } -figure.invert img { +.invert img { filter: invert(1); } -#slb_viewer_wrap .slb_theme_slb_black a, -#slb_viewer_wrap .slb_theme_slb_black a:hover { - color: var(--text-color); -} - -#slb_viewer_wrap .slb_theme_slb_black .slb_container { - background-color: var(--background) !important; -} - -#slb_viewer_wrap .slb_theme_slb_black .slb_data_title, -#slb_viewer_wrap .slb_theme_slb_black .slb_data_desc, -#slb_viewer_wrap .slb_theme_slb_black .slb_group_status { - color: var(--text-color) !important; -} - :root { --text-color:#fff; --background:#2E3035; diff --git a/css/retro-theme.css b/css/retro-theme.css index 8de654c..d8bc9cd 100644 --- a/css/retro-theme.css +++ b/css/retro-theme.css @@ -1,7 +1,60 @@ @import url("https://fonts.bunny.net/css?family=damion:400|oxygen:400"); +@import url("https://cdn.satki.net/static/fonts/OpenDyslexic2-Alt-A/opendyslexic.min.css"); +#slb_viewer_wrap .slb_theme_slb_black a, +#slb_viewer_wrap .slb_theme_slb_black a:hover, +#slb_viewer_wrap .slb_theme_slb_black .slb_data_title, +#slb_viewer_wrap .slb_theme_slb_black .slb_data_desc, +#slb_viewer_wrap .slb_theme_slb_black .slb_group_status, +#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a.active { + color: var(--text-color) !important; +} + +#slb_viewer_wrap .slb_theme_slb_black .slb_container, +div#cwv3_dialog.cwv3_dialog.js { + background-color: var(--background) !important; +} + +div#cwv3_dialog.cwv3_dialog.js, +div.cwv3_btns, +.gdrf-success, +.gdrf-errors { + border-color: var(--background-darker) !important; +} + +#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a.active { + background-color: var(--href-dark); +} + +#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a { + background-color: var(--href); +} + +#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay, +#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items.pojo-a11y-links { + border-color: var(--href); + background-color: var(--background-darker); +} + +.pojo-skip-link { + border-radius: 2px; +} + +.pojo-skip-link:focus { + box-shadow: none; +} + +.pojo-skip-link:focus { + color: var(--href) !important; +} + +body.pojo-a11y-dyslexia-font, body.pojo-a11y-dyslexia-font :not(i):not(span) { + font-family: OpenDyslexic2 Alt !important; +} + ::-moz-selection { background-color: var(--selector); } + ::selection { background-color: var(--selector); } @@ -11,12 +64,6 @@ display: none; } -#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay, -#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items.pojo-a11y-links { - border-color: var(--href); - background-color: var(--background-darker); -} - #site-navigation ul li a, .byline a, .entry-footer > span.tags-links, @@ -67,15 +114,12 @@ ul#primary-menu.menu.nav-menu:after { .wp-comment-cookies-consent, div#wpadminbar.nojq, div.custom-header.no-bg-img, -div.cwv3_btns, div.logo-ads-wrap, div.mt-logo-row-wrapper.mt-clearfix, div.site-branding, div.sticky-wrapper, footer#colophon.site-footer, nav#site-navigation.main-navigation.isActive, -.gdrf-success, -.gdrf-errors, #site-navigation ul li .sub-menu, #site-navigation ul li .children, .comment-list .comment-body, @@ -86,7 +130,6 @@ textarea#comment { } #colophon .widget .widget-title:before, -#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a, #secondary .widget .widget-title:before, #site-navigation .menu-item-description, .edit-link .post-edit-link, @@ -108,7 +151,6 @@ input.search-submit { background-color: var(--href); } -#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a.active, .bttn:hover, .mt-live-link a:focus, .mt-live-link a:hover, @@ -214,8 +256,7 @@ em a, h3.entry-title a:active, h3.entry-title a:hover, i a, -section ul li a:hover, -.pojo-skip-link:focus { +section ul li a:hover { color: var(--href) !important; } @@ -318,7 +359,8 @@ body { } .wp-block-code, -code { +code, +pre { background-color: #343434; } @@ -388,8 +430,7 @@ q:before { a:hover, em a:active, em a:focus, -em a:hover, -.pojo-skip-link:focus { +em a:hover { color: var(--href); } @@ -504,8 +545,7 @@ span.required { .mt-live-link a:focus, .mt-live-link a:hover, -.search article, -.pojo-skip-link:focus { +.search article { box-shadow: none; } @@ -576,7 +616,6 @@ textarea { } img, -.pojo-skip-link, .mt-author-box, #respond, .wp-block-code, @@ -590,11 +629,6 @@ code { color: var(--text-color) !important; } -div#cwv3_dialog.cwv3_dialog.js { - background-color: var(--background) !important; - border-color: var(--background-darker) !important; -} - .recentcomments, .widget_recent_comments li { display: block !important; @@ -631,25 +665,10 @@ div#cwv3_dialog.cwv3_dialog.js { border-radius: 10px; } -figure.invert img { +.invert img { filter: invert(1); } -#slb_viewer_wrap .slb_theme_slb_black a, -#slb_viewer_wrap .slb_theme_slb_black a:hover { - color: var(--text-color); -} - -#slb_viewer_wrap .slb_theme_slb_black .slb_container { - background-color: var(--background) !important; -} - -#slb_viewer_wrap .slb_theme_slb_black .slb_data_title, -#slb_viewer_wrap .slb_theme_slb_black .slb_data_desc, -#slb_viewer_wrap .slb_theme_slb_black .slb_group_status { - color: var(--text-color) !important; -} - :root { --text-color: #fff; --background: #212121; diff --git a/css/ubuntu-theme.css b/css/ubuntu-theme.css index 138d6d7..ad9244c 100644 --- a/css/ubuntu-theme.css +++ b/css/ubuntu-theme.css @@ -1,7 +1,60 @@ @import url("https://fonts.bunny.net/css?family=damion:400|oxygen:400"); +@import url("https://cdn.satki.net/static/fonts/OpenDyslexic2-Alt-A/opendyslexic.min.css"); +#slb_viewer_wrap .slb_theme_slb_black a, +#slb_viewer_wrap .slb_theme_slb_black a:hover, +#slb_viewer_wrap .slb_theme_slb_black .slb_data_title, +#slb_viewer_wrap .slb_theme_slb_black .slb_data_desc, +#slb_viewer_wrap .slb_theme_slb_black .slb_group_status, +#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a.active { + color: var(--text-color) !important; +} + +#slb_viewer_wrap .slb_theme_slb_black .slb_container, +div#cwv3_dialog.cwv3_dialog.js { + background-color: var(--background) !important; +} + +div#cwv3_dialog.cwv3_dialog.js, +div.cwv3_btns, +.gdrf-success, +.gdrf-errors { + border-color: var(--background-darker) !important; +} + +#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a.active { + background-color: var(--href-dark); +} + +#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a { + background-color: var(--href); +} + +#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay, +#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items.pojo-a11y-links { + border-color: var(--href); + background-color: var(--background-darker); +} + +.pojo-skip-link { + border-radius: 2px; +} + +.pojo-skip-link:focus { + box-shadow: none; +} + +.pojo-skip-link:focus { + color: var(--href) !important; +} + +body.pojo-a11y-dyslexia-font, body.pojo-a11y-dyslexia-font :not(i):not(span) { + font-family: OpenDyslexic2 Alt !important; +} + ::-moz-selection { background-color: var(--selector); } + ::selection { background-color: var(--selector); } @@ -11,12 +64,6 @@ display: none; } -#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay, -#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items.pojo-a11y-links { - border-color: var(--href); - background-color: var(--background-darker); -} - #site-navigation ul li a, .byline a, .entry-footer > span.tags-links, @@ -67,15 +114,12 @@ ul#primary-menu.menu.nav-menu:after { .wp-comment-cookies-consent, div#wpadminbar.nojq, div.custom-header.no-bg-img, -div.cwv3_btns, div.logo-ads-wrap, div.mt-logo-row-wrapper.mt-clearfix, div.site-branding, div.sticky-wrapper, footer#colophon.site-footer, nav#site-navigation.main-navigation.isActive, -.gdrf-success, -.gdrf-errors, #site-navigation ul li .sub-menu, #site-navigation ul li .children, .comment-list .comment-body, @@ -86,7 +130,6 @@ textarea#comment { } #colophon .widget .widget-title:before, -#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a, #secondary .widget .widget-title:before, #site-navigation .menu-item-description, .edit-link .post-edit-link, @@ -108,7 +151,6 @@ input.search-submit { background-color: var(--href); } -#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a.active, .bttn:hover, .mt-live-link a:focus, .mt-live-link a:hover, @@ -214,8 +256,7 @@ em a, h3.entry-title a:active, h3.entry-title a:hover, i a, -section ul li a:hover, -.pojo-skip-link:focus { +section ul li a:hover { color: var(--href) !important; } @@ -318,7 +359,8 @@ body { } .wp-block-code, -code { +code, +pre { background-color: #343434; } @@ -388,8 +430,7 @@ q:before { a:hover, em a:active, em a:focus, -em a:hover, -.pojo-skip-link:focus { +em a:hover { color: var(--href); } @@ -504,8 +545,7 @@ span.required { .mt-live-link a:focus, .mt-live-link a:hover, -.search article, -.pojo-skip-link:focus { +.search article { box-shadow: none; } @@ -576,7 +616,6 @@ textarea { } img, -.pojo-skip-link, .mt-author-box, #respond, .wp-block-code, @@ -590,11 +629,6 @@ code { color: var(--text-color) !important; } -div#cwv3_dialog.cwv3_dialog.js { - background-color: var(--background) !important; - border-color: var(--background-darker) !important; -} - .recentcomments, .widget_recent_comments li { display: block !important; @@ -631,25 +665,10 @@ div#cwv3_dialog.cwv3_dialog.js { border-radius: 10px; } -figure.invert img { +.invert img { filter: invert(1); } -#slb_viewer_wrap .slb_theme_slb_black a, -#slb_viewer_wrap .slb_theme_slb_black a:hover { - color: var(--text-color); -} - -#slb_viewer_wrap .slb_theme_slb_black .slb_container { - background-color: var(--background) !important; -} - -#slb_viewer_wrap .slb_theme_slb_black .slb_data_title, -#slb_viewer_wrap .slb_theme_slb_black .slb_data_desc, -#slb_viewer_wrap .slb_theme_slb_black .slb_group_status { - color: var(--text-color) !important; -} - :root { --text-color: #fff; --background: #333333; diff --git a/scss/_base.scss b/scss/_base.scss index 314d846..0440c03 100644 --- a/scss/_base.scss +++ b/scss/_base.scss @@ -1,3 +1,5 @@ +@use '_plugin_styles'; + ::selection { background-color: var(--selector); } @@ -7,12 +9,6 @@ display: none; } -#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay, -#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items.pojo-a11y-links { - border-color: var(--href); - background-color: var(--background-darker); -} - #site-navigation ul li a, .byline a, .entry-footer>span.tags-links, @@ -63,15 +59,12 @@ ul#primary-menu.menu.nav-menu:after { .wp-comment-cookies-consent, div#wpadminbar.nojq, div.custom-header.no-bg-img, -div.cwv3_btns, div.logo-ads-wrap, div.mt-logo-row-wrapper.mt-clearfix, div.site-branding, div.sticky-wrapper, footer#colophon.site-footer, nav#site-navigation.main-navigation.isActive, -.gdrf-success, -.gdrf-errors, #site-navigation ul li .sub-menu, #site-navigation ul li .children, .comment-list .comment-body, @@ -82,7 +75,6 @@ textarea#comment { } #colophon .widget .widget-title:before, -#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a, #secondary .widget .widget-title:before, #site-navigation .menu-item-description, .edit-link .post-edit-link, @@ -104,7 +96,6 @@ input.search-submit { background-color: var(--href); } -#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a.active, .bttn:hover, .mt-live-link a:focus, .mt-live-link a:hover, @@ -210,8 +201,7 @@ em a, h3.entry-title a:active, h3.entry-title a:hover, i a, -section ul li a:hover, -.pojo-skip-link:focus { +section ul li a:hover { color: var(--href) !important; } @@ -314,7 +304,8 @@ body { } .wp-block-code, -code { +code, +pre { background-color: #343434; } @@ -386,8 +377,7 @@ q:before { a:hover, em a:active, em a:focus, -em a:hover, -.pojo-skip-link:focus { +em a:hover { color: var(--href); } @@ -502,8 +492,7 @@ span.required { .mt-live-link a:focus, .mt-live-link a:hover, -.search article, -.pojo-skip-link:focus { +.search article { box-shadow: none; } @@ -576,7 +565,6 @@ textarea { } img, -.pojo-skip-link, .mt-author-box, #respond, .wp-block-code, @@ -590,11 +578,6 @@ code { color: var(--text-color) !important; } -div#cwv3_dialog.cwv3_dialog.js { - background-color: var(--background) !important; - border-color: var(--background-darker) !important; -} - .recentcomments, .widget_recent_comments li { display: block !important; @@ -633,22 +616,7 @@ div#cwv3_dialog.cwv3_dialog.js { border-radius: 10px; } -figure.invert img { +.invert img { -webkit-filter: invert(1); filter: invert(1); -} - -#slb_viewer_wrap .slb_theme_slb_black a, -#slb_viewer_wrap .slb_theme_slb_black a:hover { - color: var(--text-color) -} - -#slb_viewer_wrap .slb_theme_slb_black .slb_container { - background-color: var(--background) !important; -} - -#slb_viewer_wrap .slb_theme_slb_black .slb_data_title, -#slb_viewer_wrap .slb_theme_slb_black .slb_data_desc, -#slb_viewer_wrap .slb_theme_slb_black .slb_group_status { - color: var(--text-color) !important; } \ No newline at end of file diff --git a/scss/_fonts.scss b/scss/_fonts.scss index 650d421..6c40ed5 100644 --- a/scss/_fonts.scss +++ b/scss/_fonts.scss @@ -1 +1,2 @@ @import url("https://fonts.bunny.net/css?family=damion:400|oxygen:400"); +@import url("https://cdn.satki.net/static/fonts/OpenDyslexic2-Alt-A/opendyslexic.min.css"); \ No newline at end of file diff --git a/scss/_plugin_styles.scss b/scss/_plugin_styles.scss new file mode 100644 index 0000000..027408a --- /dev/null +++ b/scss/_plugin_styles.scss @@ -0,0 +1,49 @@ +#slb_viewer_wrap .slb_theme_slb_black a, +#slb_viewer_wrap .slb_theme_slb_black a:hover, +#slb_viewer_wrap .slb_theme_slb_black .slb_data_title, +#slb_viewer_wrap .slb_theme_slb_black .slb_data_desc, +#slb_viewer_wrap .slb_theme_slb_black .slb_group_status, +#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a.active { + color: var(--text-color) !important; +} + +#slb_viewer_wrap .slb_theme_slb_black .slb_container, +div#cwv3_dialog.cwv3_dialog.js { + background-color: var(--background) !important; +} + +div#cwv3_dialog.cwv3_dialog.js, +div.cwv3_btns, +.gdrf-success, +.gdrf-errors { + border-color: var(--background-darker) !important; +} + +#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a.active { + background-color: var(--href-dark); +} + +#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a { + background-color: var(--href); +} + +#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay, +#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items.pojo-a11y-links { + border-color: var(--href); + background-color: var(--background-darker); +} + +.pojo-skip-link { + border-radius: 2px; +} + +.pojo-skip-link:focus { + box-shadow: none; +} + +.pojo-skip-link:focus { + color: var(--href) !important; +} +body.pojo-a11y-dyslexia-font,body.pojo-a11y-dyslexia-font :not(i):not(span) { + font-family: OpenDyslexic2 Alt!important +} \ No newline at end of file