From 3bdf7262d1523770c05ec0c8a060aeb4400049bc Mon Sep 17 00:00:00 2001 From: Sophia Atkinson Date: Tue, 18 Feb 2025 09:41:54 -0800 Subject: [PATCH] updates --- css/debian-theme.css | 28 +++++++++++--- css/default-theme.css | 38 +++++++++++++------ css/discord-theme.css | 28 +++++++++++--- css/halloween-theme.css | 28 +++++++++++--- css/jse-theme.css | 28 +++++++++++--- css/noctua-theme.css | 28 +++++++++++--- ...purple-theme.css => old-default-theme.css} | 38 +++++++++++++------ css/pink-theme.css | 28 +++++++++++--- css/retro-theme.css | 28 +++++++++++--- css/steam-theme.css | 28 +++++++++++--- css/tor-theme.css | 28 +++++++++++--- css/trans-theme.css | 28 +++++++++++--- css/ubuntu-theme.css | 28 +++++++++++--- scss/_base.scss | 6 ++- scss/_plugin_styles.scss | 21 +++++++--- scss/default-theme.scss | 20 +++++----- scss/old-default-theme.scss | 13 +++++++ scss/purple-theme.scss | 13 ------- 18 files changed, 339 insertions(+), 118 deletions(-) rename css/{purple-theme.css => old-default-theme.css} (95%) create mode 100644 scss/old-default-theme.scss delete mode 100644 scss/purple-theme.scss diff --git a/css/debian-theme.css b/css/debian-theme.css index 48dea9f..47c69e8 100644 --- a/css/debian-theme.css +++ b/css/debian-theme.css @@ -13,7 +13,8 @@ #slb_viewer_wrap .slb_theme_slb_black .slb_container, div#cwv3_dialog.cwv3_dialog.js, -#oca-a11y-skip-content { +#oca-a11y-skip-content, +.plyr__menu__container { background-color: var(--background) !important; } @@ -24,12 +25,18 @@ div.cwv3_btns, border-color: var(--background-darker) !important; } -#oca-a11y-toolbar .oca-a11y-toolbar-overlay ul.oca-a11y-toolbar-items li.oca-a11y-toolbar-item a.active { - background-color: var(--href-dark); +#oca-a11y-toolbar .oca-a11y-toolbar-overlay ul.oca-a11y-toolbar-items li.oca-a11y-toolbar-item a.active, +.plyr__control--overlaid:hover, +.plyr--video .plyr__control:focus-visible { + background-color: var(--href-dark) !important; } -#oca-a11y-toolbar .oca-a11y-toolbar-toggle a { - background-color: var(--href); +#oca-a11y-toolbar .oca-a11y-toolbar-toggle a, +.plyr__control--overlaid, +.plyr--video .plyr__control:hover, +.plyr--video .plyr__control[aria-expanded=true], +.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before { + background-color: var(--href) !important; } #oca-a11y-toolbar .oca-a11y-toolbar-overlay, @@ -38,6 +45,10 @@ div.cwv3_btns, background-color: var(--background-darker); } +.plyr--video .plyr__control { + background-color: var(--background-darker) !important; +} + .oca-skip-link { border-radius: 2px; } @@ -243,7 +254,8 @@ textarea#comment { article .post-thumbnail:before, article.sticky:before, div.mt-live-link a, -input.search-submit { +input.search-submit, +.mejs-controls .mejs-time-rail .mejs-time-current { background-color: var(--href); } @@ -779,6 +791,10 @@ article.sticky::before { fill: var(--text-color) !important; } +.mejs-container, .mejs-container .mejs-controls, .mejs-embed, .mejs-embed body { + background: var(--background) !important; +} + @font-face { font-family: "OpenDyslexic2"; src: url("/wp-content/fonts/OpenDyslexic2-Alt-A/fonts/OpenDyslexicAlta-Regular.otf"); diff --git a/css/default-theme.css b/css/default-theme.css index f3827cb..370a737 100644 --- a/css/default-theme.css +++ b/css/default-theme.css @@ -13,7 +13,8 @@ #slb_viewer_wrap .slb_theme_slb_black .slb_container, div#cwv3_dialog.cwv3_dialog.js, -#oca-a11y-skip-content { +#oca-a11y-skip-content, +.plyr__menu__container { background-color: var(--background) !important; } @@ -24,12 +25,18 @@ div.cwv3_btns, border-color: var(--background-darker) !important; } -#oca-a11y-toolbar .oca-a11y-toolbar-overlay ul.oca-a11y-toolbar-items li.oca-a11y-toolbar-item a.active { - background-color: var(--href-dark); +#oca-a11y-toolbar .oca-a11y-toolbar-overlay ul.oca-a11y-toolbar-items li.oca-a11y-toolbar-item a.active, +.plyr__control--overlaid:hover, +.plyr--video .plyr__control:focus-visible { + background-color: var(--href-dark) !important; } -#oca-a11y-toolbar .oca-a11y-toolbar-toggle a { - background-color: var(--href); +#oca-a11y-toolbar .oca-a11y-toolbar-toggle a, +.plyr__control--overlaid, +.plyr--video .plyr__control:hover, +.plyr--video .plyr__control[aria-expanded=true], +.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before { + background-color: var(--href) !important; } #oca-a11y-toolbar .oca-a11y-toolbar-overlay, @@ -38,6 +45,10 @@ div.cwv3_btns, background-color: var(--background-darker); } +.plyr--video .plyr__control { + background-color: var(--background-darker) !important; +} + .oca-skip-link { border-radius: 2px; } @@ -243,7 +254,8 @@ textarea#comment { article .post-thumbnail:before, article.sticky:before, div.mt-live-link a, -input.search-submit { +input.search-submit, +.mejs-controls .mejs-time-rail .mejs-time-current { background-color: var(--href); } @@ -779,6 +791,10 @@ article.sticky::before { fill: var(--text-color) !important; } +.mejs-container, .mejs-container .mejs-controls, .mejs-embed, .mejs-embed body { + background: var(--background) !important; +} + @font-face { font-family: "OpenDyslexic2"; src: url("/wp-content/fonts/OpenDyslexic2-Alt-A/fonts/OpenDyslexicAlta-Regular.otf"); @@ -802,11 +818,11 @@ article.sticky::before { } :root { --text-color:#fff; - --background:#383C4A; - --background-darker:#2E323E; - --href:#7289DA; - --href-dark:#4E5D94; - --selector: #454FBF; + --background:#2E3035; + --background-darker:#1E1F22; + --href:#9E93DC; + --href-dark:#8179d5; + --selector: #565091; --main-font:"Oxygen",sans-serif; --special-font:"Damion",handwriting; --cursor:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAAEEfUpiAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAInpUWHRTb2Z0d2FyZQAACJlzTMlPSlXwzE1MTw1KTUypBAAvnAXUekLysgAABX9JREFUWIW1V0tsG0UY3jzUKwKJA+KAeF0RSByKEOLUCyAkTkgVKhw4VUjUXufp9SNtQl5tHO/YbRJ7xykgkEAIwQUEqBVCENSIsrt52Z7pQyVtoJCKNlXbeO0Z9I9n15vETpxUjDTa9eqf7//+f/6XFTScVyKqpXgrmySBXIrySMiqfcCIcthC0tDJEUMXEqeFxNEe+4EagKIoi/OrPNZpveB9yC/e4IZO4Mhh8QEjWjJ0wjwtGFGhJd5pP6n5+fh5Lc6vChjgF+2w3vBOwzKSJHDm22uCZ2okz4ZjCz9HQlbIr0JxN6BoqlmzElas0/oyErLatip3VejEiXZYcKq9rsDy1VsORpTFu+z6QlIASLJjPXN8i7prK2uugBAa0IRQqydw5cpNB+wHC4ai8+Wwap7ZYAVGFBBmwb0D4TlHU32npUCbgQg8AYVtuH5pZnA6Te9GQhaPd9mPgCUR1VSaXtkkCaz8uebkl26w6TSFWID9TNNA2SQJgKvgwl1PgNF93TYAHRBAfqObAODgMQCC9/7wHETQIXBtXSCMaGA6TYWrNwDohIHTMKLlbJKUIYg01VS0zSAY0cDMT385n390GYQroBkOAmA4aPL33p1VPslcUhoyMBB51UCC8h8ybLNwtwCSTRLmhm9DP2C9Fu/w/vHkRbhaezi+AAwqmmoegLuPhBrcyMRY8ZVw0ByLdlgK2Litx+stQyc8PVJY11RzHg4LR+0mkAyd8NOnLrCTo4VSWDUvuyBNM8mlKS/zEptKFNnEiaITDprXPZB6ZWYLQIryEltnmQQRyTI5JkDWmmaS8wG4GTc1LkAc9/q2BcltBRAgEH0QSDuC5DYBbADRN4HU80kuTXmJr7PMeA3AD2LopAIgDf1h6IRDHsgDmzOykkvRcrTDuhMJWVlNNbcWYIwod/g6mzhe9A6CWR9E5vlIfOG3/vDcjKaa3zX0QzZJ+KVL/0oTSMVlMhxfAM1nOedKOGg29gHeQJlAJgIIpDZzHag1SiTXBxLkKeyrvgDQ12VDLGhaqI7tPgaK3K0GIi0Y0bOGTsq5FGVHu+17kZBlbhvSXj0QTwJxse/k8QKPVTvaNztGoqGT54G2PpQXzVNTzfN93fZD0erBNje9d10nml2GTo5Iv4kmmR4tlKBJaapZjHfZj0oL2qsk/gciGNFAdpzw87N/O7fv3mU//rDC4PepE4USDAZh1VyOd9pP+4k0XWqaWVk5nS0v33IgpxfmVnkmQZiBqp0Fahx023DQ/CfWaT23hcj9eiTrErhaJQAN1ldYvBY3mSg6fV02ELkd67RedonEu+ydS959EOBul3eJZMaJc7RHEIFMf10qb2uq9u6FAK5VRo8IfIN63d87x3uDJoweb8kOIons4mqymwjIGNhAYDsiUDRgrJRl67Ak0uLWvh2DFUMWJAnPL91woCqf++U6nxwrcuyblXxX4ZHw9QtxNVOJYkWmLxB5TRJp1Zol8Klx0fn6syvM8CmrpxyeUCY3kxntE5MQKId9yB8b265MggQ+PHWB31y743DusHMz19nJkUJViXSzdDnPIconxoowr5V7Aybvfv/3g1OJovLS/u/b335zxms7bno2FZQY0QCAQ3TDMChbc9nzgl611tcsYYgCEkxa+2K1JlhtMLruOhswoiGp7B5GdF0qgkn1YYzogxjRNYxq9w2y0ynK9MG82y9hhnpMKhXBt6uFoYfqNIR1smAg+hVG9AkD/tkhug+eGNH9/h7rEoH3QfjfVCXxKzRtd++SAFUMnbbKngz9WL4TaFRthi6eB2XwrU+naCWTJM5QbN4fdO/I0lz/T8BelkvixLHFluTgkpIYWHo82mF90RswLU0109EO61m34Liu30sl/A+22oG1vp3dUAAAAABJRU5ErkJggg=="); diff --git a/css/discord-theme.css b/css/discord-theme.css index 133722b..210538f 100644 --- a/css/discord-theme.css +++ b/css/discord-theme.css @@ -13,7 +13,8 @@ #slb_viewer_wrap .slb_theme_slb_black .slb_container, div#cwv3_dialog.cwv3_dialog.js, -#oca-a11y-skip-content { +#oca-a11y-skip-content, +.plyr__menu__container { background-color: var(--background) !important; } @@ -24,12 +25,18 @@ div.cwv3_btns, border-color: var(--background-darker) !important; } -#oca-a11y-toolbar .oca-a11y-toolbar-overlay ul.oca-a11y-toolbar-items li.oca-a11y-toolbar-item a.active { - background-color: var(--href-dark); +#oca-a11y-toolbar .oca-a11y-toolbar-overlay ul.oca-a11y-toolbar-items li.oca-a11y-toolbar-item a.active, +.plyr__control--overlaid:hover, +.plyr--video .plyr__control:focus-visible { + background-color: var(--href-dark) !important; } -#oca-a11y-toolbar .oca-a11y-toolbar-toggle a { - background-color: var(--href); +#oca-a11y-toolbar .oca-a11y-toolbar-toggle a, +.plyr__control--overlaid, +.plyr--video .plyr__control:hover, +.plyr--video .plyr__control[aria-expanded=true], +.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before { + background-color: var(--href) !important; } #oca-a11y-toolbar .oca-a11y-toolbar-overlay, @@ -38,6 +45,10 @@ div.cwv3_btns, background-color: var(--background-darker); } +.plyr--video .plyr__control { + background-color: var(--background-darker) !important; +} + .oca-skip-link { border-radius: 2px; } @@ -243,7 +254,8 @@ textarea#comment { article .post-thumbnail:before, article.sticky:before, div.mt-live-link a, -input.search-submit { +input.search-submit, +.mejs-controls .mejs-time-rail .mejs-time-current { background-color: var(--href); } @@ -779,6 +791,10 @@ article.sticky::before { fill: var(--text-color) !important; } +.mejs-container, .mejs-container .mejs-controls, .mejs-embed, .mejs-embed body { + background: var(--background) !important; +} + @font-face { font-family: "OpenDyslexic2"; src: url("/wp-content/fonts/OpenDyslexic2-Alt-A/fonts/OpenDyslexicAlta-Regular.otf"); diff --git a/css/halloween-theme.css b/css/halloween-theme.css index c04f394..db0043a 100644 --- a/css/halloween-theme.css +++ b/css/halloween-theme.css @@ -13,7 +13,8 @@ #slb_viewer_wrap .slb_theme_slb_black .slb_container, div#cwv3_dialog.cwv3_dialog.js, -#oca-a11y-skip-content { +#oca-a11y-skip-content, +.plyr__menu__container { background-color: var(--background) !important; } @@ -24,12 +25,18 @@ div.cwv3_btns, border-color: var(--background-darker) !important; } -#oca-a11y-toolbar .oca-a11y-toolbar-overlay ul.oca-a11y-toolbar-items li.oca-a11y-toolbar-item a.active { - background-color: var(--href-dark); +#oca-a11y-toolbar .oca-a11y-toolbar-overlay ul.oca-a11y-toolbar-items li.oca-a11y-toolbar-item a.active, +.plyr__control--overlaid:hover, +.plyr--video .plyr__control:focus-visible { + background-color: var(--href-dark) !important; } -#oca-a11y-toolbar .oca-a11y-toolbar-toggle a { - background-color: var(--href); +#oca-a11y-toolbar .oca-a11y-toolbar-toggle a, +.plyr__control--overlaid, +.plyr--video .plyr__control:hover, +.plyr--video .plyr__control[aria-expanded=true], +.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before { + background-color: var(--href) !important; } #oca-a11y-toolbar .oca-a11y-toolbar-overlay, @@ -38,6 +45,10 @@ div.cwv3_btns, background-color: var(--background-darker); } +.plyr--video .plyr__control { + background-color: var(--background-darker) !important; +} + .oca-skip-link { border-radius: 2px; } @@ -243,7 +254,8 @@ textarea#comment { article .post-thumbnail:before, article.sticky:before, div.mt-live-link a, -input.search-submit { +input.search-submit, +.mejs-controls .mejs-time-rail .mejs-time-current { background-color: var(--href); } @@ -779,6 +791,10 @@ article.sticky::before { fill: var(--text-color) !important; } +.mejs-container, .mejs-container .mejs-controls, .mejs-embed, .mejs-embed body { + background: var(--background) !important; +} + @font-face { font-family: "OpenDyslexic2"; src: url("/wp-content/fonts/OpenDyslexic2-Alt-A/fonts/OpenDyslexicAlta-Regular.otf"); diff --git a/css/jse-theme.css b/css/jse-theme.css index 1c63fe1..3fdf8c0 100644 --- a/css/jse-theme.css +++ b/css/jse-theme.css @@ -13,7 +13,8 @@ #slb_viewer_wrap .slb_theme_slb_black .slb_container, div#cwv3_dialog.cwv3_dialog.js, -#oca-a11y-skip-content { +#oca-a11y-skip-content, +.plyr__menu__container { background-color: var(--background) !important; } @@ -24,12 +25,18 @@ div.cwv3_btns, border-color: var(--background-darker) !important; } -#oca-a11y-toolbar .oca-a11y-toolbar-overlay ul.oca-a11y-toolbar-items li.oca-a11y-toolbar-item a.active { - background-color: var(--href-dark); +#oca-a11y-toolbar .oca-a11y-toolbar-overlay ul.oca-a11y-toolbar-items li.oca-a11y-toolbar-item a.active, +.plyr__control--overlaid:hover, +.plyr--video .plyr__control:focus-visible { + background-color: var(--href-dark) !important; } -#oca-a11y-toolbar .oca-a11y-toolbar-toggle a { - background-color: var(--href); +#oca-a11y-toolbar .oca-a11y-toolbar-toggle a, +.plyr__control--overlaid, +.plyr--video .plyr__control:hover, +.plyr--video .plyr__control[aria-expanded=true], +.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before { + background-color: var(--href) !important; } #oca-a11y-toolbar .oca-a11y-toolbar-overlay, @@ -38,6 +45,10 @@ div.cwv3_btns, background-color: var(--background-darker); } +.plyr--video .plyr__control { + background-color: var(--background-darker) !important; +} + .oca-skip-link { border-radius: 2px; } @@ -243,7 +254,8 @@ textarea#comment { article .post-thumbnail:before, article.sticky:before, div.mt-live-link a, -input.search-submit { +input.search-submit, +.mejs-controls .mejs-time-rail .mejs-time-current { background-color: var(--href); } @@ -779,6 +791,10 @@ article.sticky::before { fill: var(--text-color) !important; } +.mejs-container, .mejs-container .mejs-controls, .mejs-embed, .mejs-embed body { + background: var(--background) !important; +} + @font-face { font-family: "OpenDyslexic2"; src: url("/wp-content/fonts/OpenDyslexic2-Alt-A/fonts/OpenDyslexicAlta-Regular.otf"); diff --git a/css/noctua-theme.css b/css/noctua-theme.css index 5c1a872..7fab0ba 100644 --- a/css/noctua-theme.css +++ b/css/noctua-theme.css @@ -13,7 +13,8 @@ #slb_viewer_wrap .slb_theme_slb_black .slb_container, div#cwv3_dialog.cwv3_dialog.js, -#oca-a11y-skip-content { +#oca-a11y-skip-content, +.plyr__menu__container { background-color: var(--background) !important; } @@ -24,12 +25,18 @@ div.cwv3_btns, border-color: var(--background-darker) !important; } -#oca-a11y-toolbar .oca-a11y-toolbar-overlay ul.oca-a11y-toolbar-items li.oca-a11y-toolbar-item a.active { - background-color: var(--href-dark); +#oca-a11y-toolbar .oca-a11y-toolbar-overlay ul.oca-a11y-toolbar-items li.oca-a11y-toolbar-item a.active, +.plyr__control--overlaid:hover, +.plyr--video .plyr__control:focus-visible { + background-color: var(--href-dark) !important; } -#oca-a11y-toolbar .oca-a11y-toolbar-toggle a { - background-color: var(--href); +#oca-a11y-toolbar .oca-a11y-toolbar-toggle a, +.plyr__control--overlaid, +.plyr--video .plyr__control:hover, +.plyr--video .plyr__control[aria-expanded=true], +.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before { + background-color: var(--href) !important; } #oca-a11y-toolbar .oca-a11y-toolbar-overlay, @@ -38,6 +45,10 @@ div.cwv3_btns, background-color: var(--background-darker); } +.plyr--video .plyr__control { + background-color: var(--background-darker) !important; +} + .oca-skip-link { border-radius: 2px; } @@ -243,7 +254,8 @@ textarea#comment { article .post-thumbnail:before, article.sticky:before, div.mt-live-link a, -input.search-submit { +input.search-submit, +.mejs-controls .mejs-time-rail .mejs-time-current { background-color: var(--href); } @@ -779,6 +791,10 @@ article.sticky::before { fill: var(--text-color) !important; } +.mejs-container, .mejs-container .mejs-controls, .mejs-embed, .mejs-embed body { + background: var(--background) !important; +} + @font-face { font-family: "OpenDyslexic2"; src: url("/wp-content/fonts/OpenDyslexic2-Alt-A/fonts/OpenDyslexicAlta-Regular.otf"); diff --git a/css/purple-theme.css b/css/old-default-theme.css similarity index 95% rename from css/purple-theme.css rename to css/old-default-theme.css index a9d32b4..5e7ea12 100644 --- a/css/purple-theme.css +++ b/css/old-default-theme.css @@ -13,7 +13,8 @@ #slb_viewer_wrap .slb_theme_slb_black .slb_container, div#cwv3_dialog.cwv3_dialog.js, -#oca-a11y-skip-content { +#oca-a11y-skip-content, +.plyr__menu__container { background-color: var(--background) !important; } @@ -24,12 +25,18 @@ div.cwv3_btns, border-color: var(--background-darker) !important; } -#oca-a11y-toolbar .oca-a11y-toolbar-overlay ul.oca-a11y-toolbar-items li.oca-a11y-toolbar-item a.active { - background-color: var(--href-dark); +#oca-a11y-toolbar .oca-a11y-toolbar-overlay ul.oca-a11y-toolbar-items li.oca-a11y-toolbar-item a.active, +.plyr__control--overlaid:hover, +.plyr--video .plyr__control:focus-visible { + background-color: var(--href-dark) !important; } -#oca-a11y-toolbar .oca-a11y-toolbar-toggle a { - background-color: var(--href); +#oca-a11y-toolbar .oca-a11y-toolbar-toggle a, +.plyr__control--overlaid, +.plyr--video .plyr__control:hover, +.plyr--video .plyr__control[aria-expanded=true], +.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before { + background-color: var(--href) !important; } #oca-a11y-toolbar .oca-a11y-toolbar-overlay, @@ -38,6 +45,10 @@ div.cwv3_btns, background-color: var(--background-darker); } +.plyr--video .plyr__control { + background-color: var(--background-darker) !important; +} + .oca-skip-link { border-radius: 2px; } @@ -243,7 +254,8 @@ textarea#comment { article .post-thumbnail:before, article.sticky:before, div.mt-live-link a, -input.search-submit { +input.search-submit, +.mejs-controls .mejs-time-rail .mejs-time-current { background-color: var(--href); } @@ -779,6 +791,10 @@ article.sticky::before { fill: var(--text-color) !important; } +.mejs-container, .mejs-container .mejs-controls, .mejs-embed, .mejs-embed body { + background: var(--background) !important; +} + @font-face { font-family: "OpenDyslexic2"; src: url("/wp-content/fonts/OpenDyslexic2-Alt-A/fonts/OpenDyslexicAlta-Regular.otf"); @@ -802,11 +818,11 @@ article.sticky::before { } :root { --text-color:#fff; - --background:#2E3035; - --background-darker:#1E1F22; - --href:#9E93DC; - --href-dark:#8179d5; - --selector: #565091; + --background:#383C4A; + --background-darker:#2E323E; + --href:#7289DA; + --href-dark:#4E5D94; + --selector: #454FBF; --main-font:"Oxygen",sans-serif; --special-font:"Damion",handwriting; --cursor:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAAEEfUpiAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAInpUWHRTb2Z0d2FyZQAACJlzTMlPSlXwzE1MTw1KTUypBAAvnAXUekLysgAABX9JREFUWIW1V0tsG0UY3jzUKwKJA+KAeF0RSByKEOLUCyAkTkgVKhw4VUjUXufp9SNtQl5tHO/YbRJ7xykgkEAIwQUEqBVCENSIsrt52Z7pQyVtoJCKNlXbeO0Z9I9n15vETpxUjDTa9eqf7//+f/6XFTScVyKqpXgrmySBXIrySMiqfcCIcthC0tDJEUMXEqeFxNEe+4EagKIoi/OrPNZpveB9yC/e4IZO4Mhh8QEjWjJ0wjwtGFGhJd5pP6n5+fh5Lc6vChjgF+2w3vBOwzKSJHDm22uCZ2okz4ZjCz9HQlbIr0JxN6BoqlmzElas0/oyErLatip3VejEiXZYcKq9rsDy1VsORpTFu+z6QlIASLJjPXN8i7prK2uugBAa0IRQqydw5cpNB+wHC4ai8+Wwap7ZYAVGFBBmwb0D4TlHU32npUCbgQg8AYVtuH5pZnA6Te9GQhaPd9mPgCUR1VSaXtkkCaz8uebkl26w6TSFWID9TNNA2SQJgKvgwl1PgNF93TYAHRBAfqObAODgMQCC9/7wHETQIXBtXSCMaGA6TYWrNwDohIHTMKLlbJKUIYg01VS0zSAY0cDMT385n390GYQroBkOAmA4aPL33p1VPslcUhoyMBB51UCC8h8ybLNwtwCSTRLmhm9DP2C9Fu/w/vHkRbhaezi+AAwqmmoegLuPhBrcyMRY8ZVw0ByLdlgK2Litx+stQyc8PVJY11RzHg4LR+0mkAyd8NOnLrCTo4VSWDUvuyBNM8mlKS/zEptKFNnEiaITDprXPZB6ZWYLQIryEltnmQQRyTI5JkDWmmaS8wG4GTc1LkAc9/q2BcltBRAgEH0QSDuC5DYBbADRN4HU80kuTXmJr7PMeA3AD2LopAIgDf1h6IRDHsgDmzOykkvRcrTDuhMJWVlNNbcWYIwod/g6mzhe9A6CWR9E5vlIfOG3/vDcjKaa3zX0QzZJ+KVL/0oTSMVlMhxfAM1nOedKOGg29gHeQJlAJgIIpDZzHag1SiTXBxLkKeyrvgDQ12VDLGhaqI7tPgaK3K0GIi0Y0bOGTsq5FGVHu+17kZBlbhvSXj0QTwJxse/k8QKPVTvaNztGoqGT54G2PpQXzVNTzfN93fZD0erBNje9d10nml2GTo5Iv4kmmR4tlKBJaapZjHfZj0oL2qsk/gciGNFAdpzw87N/O7fv3mU//rDC4PepE4USDAZh1VyOd9pP+4k0XWqaWVk5nS0v33IgpxfmVnkmQZiBqp0Fahx023DQ/CfWaT23hcj9eiTrErhaJQAN1ldYvBY3mSg6fV02ELkd67RedonEu+ydS959EOBul3eJZMaJc7RHEIFMf10qb2uq9u6FAK5VRo8IfIN63d87x3uDJoweb8kOIons4mqymwjIGNhAYDsiUDRgrJRl67Ak0uLWvh2DFUMWJAnPL91woCqf++U6nxwrcuyblXxX4ZHw9QtxNVOJYkWmLxB5TRJp1Zol8Klx0fn6syvM8CmrpxyeUCY3kxntE5MQKId9yB8b265MggQ+PHWB31y743DusHMz19nJkUJViXSzdDnPIconxoowr5V7Aybvfv/3g1OJovLS/u/b335zxms7bno2FZQY0QCAQ3TDMChbc9nzgl611tcsYYgCEkxa+2K1JlhtMLruOhswoiGp7B5GdF0qgkn1YYzogxjRNYxq9w2y0ynK9MG82y9hhnpMKhXBt6uFoYfqNIR1smAg+hVG9AkD/tkhug+eGNH9/h7rEoH3QfjfVCXxKzRtd++SAFUMnbbKngz9WL4TaFRthi6eB2XwrU+naCWTJM5QbN4fdO/I0lz/T8BelkvixLHFluTgkpIYWHo82mF90RswLU0109EO61m34Liu30sl/A+22oG1vp3dUAAAAABJRU5ErkJggg=="); diff --git a/css/pink-theme.css b/css/pink-theme.css index a0c07dd..50401c7 100644 --- a/css/pink-theme.css +++ b/css/pink-theme.css @@ -13,7 +13,8 @@ #slb_viewer_wrap .slb_theme_slb_black .slb_container, div#cwv3_dialog.cwv3_dialog.js, -#oca-a11y-skip-content { +#oca-a11y-skip-content, +.plyr__menu__container { background-color: var(--background) !important; } @@ -24,12 +25,18 @@ div.cwv3_btns, border-color: var(--background-darker) !important; } -#oca-a11y-toolbar .oca-a11y-toolbar-overlay ul.oca-a11y-toolbar-items li.oca-a11y-toolbar-item a.active { - background-color: var(--href-dark); +#oca-a11y-toolbar .oca-a11y-toolbar-overlay ul.oca-a11y-toolbar-items li.oca-a11y-toolbar-item a.active, +.plyr__control--overlaid:hover, +.plyr--video .plyr__control:focus-visible { + background-color: var(--href-dark) !important; } -#oca-a11y-toolbar .oca-a11y-toolbar-toggle a { - background-color: var(--href); +#oca-a11y-toolbar .oca-a11y-toolbar-toggle a, +.plyr__control--overlaid, +.plyr--video .plyr__control:hover, +.plyr--video .plyr__control[aria-expanded=true], +.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before { + background-color: var(--href) !important; } #oca-a11y-toolbar .oca-a11y-toolbar-overlay, @@ -38,6 +45,10 @@ div.cwv3_btns, background-color: var(--background-darker); } +.plyr--video .plyr__control { + background-color: var(--background-darker) !important; +} + .oca-skip-link { border-radius: 2px; } @@ -243,7 +254,8 @@ textarea#comment { article .post-thumbnail:before, article.sticky:before, div.mt-live-link a, -input.search-submit { +input.search-submit, +.mejs-controls .mejs-time-rail .mejs-time-current { background-color: var(--href); } @@ -779,6 +791,10 @@ article.sticky::before { fill: var(--text-color) !important; } +.mejs-container, .mejs-container .mejs-controls, .mejs-embed, .mejs-embed body { + background: var(--background) !important; +} + @font-face { font-family: "OpenDyslexic2"; src: url("/wp-content/fonts/OpenDyslexic2-Alt-A/fonts/OpenDyslexicAlta-Regular.otf"); diff --git a/css/retro-theme.css b/css/retro-theme.css index 53cd1cf..904ea70 100644 --- a/css/retro-theme.css +++ b/css/retro-theme.css @@ -13,7 +13,8 @@ #slb_viewer_wrap .slb_theme_slb_black .slb_container, div#cwv3_dialog.cwv3_dialog.js, -#oca-a11y-skip-content { +#oca-a11y-skip-content, +.plyr__menu__container { background-color: var(--background) !important; } @@ -24,12 +25,18 @@ div.cwv3_btns, border-color: var(--background-darker) !important; } -#oca-a11y-toolbar .oca-a11y-toolbar-overlay ul.oca-a11y-toolbar-items li.oca-a11y-toolbar-item a.active { - background-color: var(--href-dark); +#oca-a11y-toolbar .oca-a11y-toolbar-overlay ul.oca-a11y-toolbar-items li.oca-a11y-toolbar-item a.active, +.plyr__control--overlaid:hover, +.plyr--video .plyr__control:focus-visible { + background-color: var(--href-dark) !important; } -#oca-a11y-toolbar .oca-a11y-toolbar-toggle a { - background-color: var(--href); +#oca-a11y-toolbar .oca-a11y-toolbar-toggle a, +.plyr__control--overlaid, +.plyr--video .plyr__control:hover, +.plyr--video .plyr__control[aria-expanded=true], +.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before { + background-color: var(--href) !important; } #oca-a11y-toolbar .oca-a11y-toolbar-overlay, @@ -38,6 +45,10 @@ div.cwv3_btns, background-color: var(--background-darker); } +.plyr--video .plyr__control { + background-color: var(--background-darker) !important; +} + .oca-skip-link { border-radius: 2px; } @@ -243,7 +254,8 @@ textarea#comment { article .post-thumbnail:before, article.sticky:before, div.mt-live-link a, -input.search-submit { +input.search-submit, +.mejs-controls .mejs-time-rail .mejs-time-current { background-color: var(--href); } @@ -779,6 +791,10 @@ article.sticky::before { fill: var(--text-color) !important; } +.mejs-container, .mejs-container .mejs-controls, .mejs-embed, .mejs-embed body { + background: var(--background) !important; +} + @font-face { font-family: "OpenDyslexic2"; src: url("/wp-content/fonts/OpenDyslexic2-Alt-A/fonts/OpenDyslexicAlta-Regular.otf"); diff --git a/css/steam-theme.css b/css/steam-theme.css index 4200d2e..fe8a3e1 100644 --- a/css/steam-theme.css +++ b/css/steam-theme.css @@ -13,7 +13,8 @@ #slb_viewer_wrap .slb_theme_slb_black .slb_container, div#cwv3_dialog.cwv3_dialog.js, -#oca-a11y-skip-content { +#oca-a11y-skip-content, +.plyr__menu__container { background-color: var(--background) !important; } @@ -24,12 +25,18 @@ div.cwv3_btns, border-color: var(--background-darker) !important; } -#oca-a11y-toolbar .oca-a11y-toolbar-overlay ul.oca-a11y-toolbar-items li.oca-a11y-toolbar-item a.active { - background-color: var(--href-dark); +#oca-a11y-toolbar .oca-a11y-toolbar-overlay ul.oca-a11y-toolbar-items li.oca-a11y-toolbar-item a.active, +.plyr__control--overlaid:hover, +.plyr--video .plyr__control:focus-visible { + background-color: var(--href-dark) !important; } -#oca-a11y-toolbar .oca-a11y-toolbar-toggle a { - background-color: var(--href); +#oca-a11y-toolbar .oca-a11y-toolbar-toggle a, +.plyr__control--overlaid, +.plyr--video .plyr__control:hover, +.plyr--video .plyr__control[aria-expanded=true], +.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before { + background-color: var(--href) !important; } #oca-a11y-toolbar .oca-a11y-toolbar-overlay, @@ -38,6 +45,10 @@ div.cwv3_btns, background-color: var(--background-darker); } +.plyr--video .plyr__control { + background-color: var(--background-darker) !important; +} + .oca-skip-link { border-radius: 2px; } @@ -243,7 +254,8 @@ textarea#comment { article .post-thumbnail:before, article.sticky:before, div.mt-live-link a, -input.search-submit { +input.search-submit, +.mejs-controls .mejs-time-rail .mejs-time-current { background-color: var(--href); } @@ -779,6 +791,10 @@ article.sticky::before { fill: var(--text-color) !important; } +.mejs-container, .mejs-container .mejs-controls, .mejs-embed, .mejs-embed body { + background: var(--background) !important; +} + @font-face { font-family: "OpenDyslexic2"; src: url("/wp-content/fonts/OpenDyslexic2-Alt-A/fonts/OpenDyslexicAlta-Regular.otf"); diff --git a/css/tor-theme.css b/css/tor-theme.css index 0255b8d..4d45aa1 100644 --- a/css/tor-theme.css +++ b/css/tor-theme.css @@ -13,7 +13,8 @@ #slb_viewer_wrap .slb_theme_slb_black .slb_container, div#cwv3_dialog.cwv3_dialog.js, -#oca-a11y-skip-content { +#oca-a11y-skip-content, +.plyr__menu__container { background-color: var(--background) !important; } @@ -24,12 +25,18 @@ div.cwv3_btns, border-color: var(--background-darker) !important; } -#oca-a11y-toolbar .oca-a11y-toolbar-overlay ul.oca-a11y-toolbar-items li.oca-a11y-toolbar-item a.active { - background-color: var(--href-dark); +#oca-a11y-toolbar .oca-a11y-toolbar-overlay ul.oca-a11y-toolbar-items li.oca-a11y-toolbar-item a.active, +.plyr__control--overlaid:hover, +.plyr--video .plyr__control:focus-visible { + background-color: var(--href-dark) !important; } -#oca-a11y-toolbar .oca-a11y-toolbar-toggle a { - background-color: var(--href); +#oca-a11y-toolbar .oca-a11y-toolbar-toggle a, +.plyr__control--overlaid, +.plyr--video .plyr__control:hover, +.plyr--video .plyr__control[aria-expanded=true], +.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before { + background-color: var(--href) !important; } #oca-a11y-toolbar .oca-a11y-toolbar-overlay, @@ -38,6 +45,10 @@ div.cwv3_btns, background-color: var(--background-darker); } +.plyr--video .plyr__control { + background-color: var(--background-darker) !important; +} + .oca-skip-link { border-radius: 2px; } @@ -243,7 +254,8 @@ textarea#comment { article .post-thumbnail:before, article.sticky:before, div.mt-live-link a, -input.search-submit { +input.search-submit, +.mejs-controls .mejs-time-rail .mejs-time-current { background-color: var(--href); } @@ -779,6 +791,10 @@ article.sticky::before { fill: var(--text-color) !important; } +.mejs-container, .mejs-container .mejs-controls, .mejs-embed, .mejs-embed body { + background: var(--background) !important; +} + @font-face { font-family: "OpenDyslexic2"; src: url("/wp-content/fonts/OpenDyslexic2-Alt-A/fonts/OpenDyslexicAlta-Regular.otf"); diff --git a/css/trans-theme.css b/css/trans-theme.css index a4c180b..f6c0fc6 100644 --- a/css/trans-theme.css +++ b/css/trans-theme.css @@ -13,7 +13,8 @@ #slb_viewer_wrap .slb_theme_slb_black .slb_container, div#cwv3_dialog.cwv3_dialog.js, -#oca-a11y-skip-content { +#oca-a11y-skip-content, +.plyr__menu__container { background-color: var(--background) !important; } @@ -24,12 +25,18 @@ div.cwv3_btns, border-color: var(--background-darker) !important; } -#oca-a11y-toolbar .oca-a11y-toolbar-overlay ul.oca-a11y-toolbar-items li.oca-a11y-toolbar-item a.active { - background-color: var(--href-dark); +#oca-a11y-toolbar .oca-a11y-toolbar-overlay ul.oca-a11y-toolbar-items li.oca-a11y-toolbar-item a.active, +.plyr__control--overlaid:hover, +.plyr--video .plyr__control:focus-visible { + background-color: var(--href-dark) !important; } -#oca-a11y-toolbar .oca-a11y-toolbar-toggle a { - background-color: var(--href); +#oca-a11y-toolbar .oca-a11y-toolbar-toggle a, +.plyr__control--overlaid, +.plyr--video .plyr__control:hover, +.plyr--video .plyr__control[aria-expanded=true], +.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before { + background-color: var(--href) !important; } #oca-a11y-toolbar .oca-a11y-toolbar-overlay, @@ -38,6 +45,10 @@ div.cwv3_btns, background-color: var(--background-darker); } +.plyr--video .plyr__control { + background-color: var(--background-darker) !important; +} + .oca-skip-link { border-radius: 2px; } @@ -243,7 +254,8 @@ textarea#comment { article .post-thumbnail:before, article.sticky:before, div.mt-live-link a, -input.search-submit { +input.search-submit, +.mejs-controls .mejs-time-rail .mejs-time-current { background-color: var(--href); } @@ -779,6 +791,10 @@ article.sticky::before { fill: var(--text-color) !important; } +.mejs-container, .mejs-container .mejs-controls, .mejs-embed, .mejs-embed body { + background: var(--background) !important; +} + @font-face { font-family: "OpenDyslexic2"; src: url("/wp-content/fonts/OpenDyslexic2-Alt-A/fonts/OpenDyslexicAlta-Regular.otf"); diff --git a/css/ubuntu-theme.css b/css/ubuntu-theme.css index 04efa57..a580753 100644 --- a/css/ubuntu-theme.css +++ b/css/ubuntu-theme.css @@ -13,7 +13,8 @@ #slb_viewer_wrap .slb_theme_slb_black .slb_container, div#cwv3_dialog.cwv3_dialog.js, -#oca-a11y-skip-content { +#oca-a11y-skip-content, +.plyr__menu__container { background-color: var(--background) !important; } @@ -24,12 +25,18 @@ div.cwv3_btns, border-color: var(--background-darker) !important; } -#oca-a11y-toolbar .oca-a11y-toolbar-overlay ul.oca-a11y-toolbar-items li.oca-a11y-toolbar-item a.active { - background-color: var(--href-dark); +#oca-a11y-toolbar .oca-a11y-toolbar-overlay ul.oca-a11y-toolbar-items li.oca-a11y-toolbar-item a.active, +.plyr__control--overlaid:hover, +.plyr--video .plyr__control:focus-visible { + background-color: var(--href-dark) !important; } -#oca-a11y-toolbar .oca-a11y-toolbar-toggle a { - background-color: var(--href); +#oca-a11y-toolbar .oca-a11y-toolbar-toggle a, +.plyr__control--overlaid, +.plyr--video .plyr__control:hover, +.plyr--video .plyr__control[aria-expanded=true], +.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before { + background-color: var(--href) !important; } #oca-a11y-toolbar .oca-a11y-toolbar-overlay, @@ -38,6 +45,10 @@ div.cwv3_btns, background-color: var(--background-darker); } +.plyr--video .plyr__control { + background-color: var(--background-darker) !important; +} + .oca-skip-link { border-radius: 2px; } @@ -243,7 +254,8 @@ textarea#comment { article .post-thumbnail:before, article.sticky:before, div.mt-live-link a, -input.search-submit { +input.search-submit, +.mejs-controls .mejs-time-rail .mejs-time-current { background-color: var(--href); } @@ -779,6 +791,10 @@ article.sticky::before { fill: var(--text-color) !important; } +.mejs-container, .mejs-container .mejs-controls, .mejs-embed, .mejs-embed body { + background: var(--background) !important; +} + @font-face { font-family: "OpenDyslexic2"; src: url("/wp-content/fonts/OpenDyslexic2-Alt-A/fonts/OpenDyslexicAlta-Regular.otf"); diff --git a/scss/_base.scss b/scss/_base.scss index 18eea67..fdb431e 100644 --- a/scss/_base.scss +++ b/scss/_base.scss @@ -93,7 +93,8 @@ textarea#comment { article .post-thumbnail:before, article.sticky:before, div.mt-live-link a, -input.search-submit { +input.search-submit, +.mejs-controls .mejs-time-rail .mejs-time-current { background-color: var(--href); } @@ -634,3 +635,6 @@ article.sticky::before { .wp-lightbox-overlay .close-button { fill: var(--text-color) !important; } +.mejs-container,.mejs-container .mejs-controls,.mejs-embed,.mejs-embed body { + background: var(--background)!important; +} diff --git a/scss/_plugin_styles.scss b/scss/_plugin_styles.scss index 6cb981f..2a88cf0 100644 --- a/scss/_plugin_styles.scss +++ b/scss/_plugin_styles.scss @@ -11,7 +11,8 @@ #slb_viewer_wrap .slb_theme_slb_black .slb_container, div#cwv3_dialog.cwv3_dialog.js, -#oca-a11y-skip-content { +#oca-a11y-skip-content, +.plyr__menu__container { background-color: var(--background) !important; } @@ -22,12 +23,18 @@ div.cwv3_btns, border-color: var(--background-darker) !important; } -#oca-a11y-toolbar .oca-a11y-toolbar-overlay ul.oca-a11y-toolbar-items li.oca-a11y-toolbar-item a.active { - background-color: var(--href-dark); +#oca-a11y-toolbar .oca-a11y-toolbar-overlay ul.oca-a11y-toolbar-items li.oca-a11y-toolbar-item a.active, +.plyr__control--overlaid:hover, +.plyr--video .plyr__control:focus-visible { + background-color: var(--href-dark)!important; } -#oca-a11y-toolbar .oca-a11y-toolbar-toggle a { - background-color: var(--href); +#oca-a11y-toolbar .oca-a11y-toolbar-toggle a, +.plyr__control--overlaid, +.plyr--video .plyr__control:hover, +.plyr--video .plyr__control[aria-expanded=true], +.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before { + background-color: var(--href)!important; } #oca-a11y-toolbar .oca-a11y-toolbar-overlay, @@ -35,7 +42,9 @@ div.cwv3_btns, border-color: var(--href); background-color: var(--background-darker); } - +.plyr--video .plyr__control{ + background-color: var(--background-darker)!important; +} .oca-skip-link { border-radius: 2px; } diff --git a/scss/default-theme.scss b/scss/default-theme.scss index 49af7f1..8bfabf6 100644 --- a/scss/default-theme.scss +++ b/scss/default-theme.scss @@ -1,13 +1,13 @@ @use '_base'; @use '_fonts'; :root{ - --text-color:#fff; - --background:#383C4A; - --background-darker:#2E323E; - --href:#7289DA; - --href-dark:#4E5D94; - --selector: #454FBF; - --main-font:'Oxygen',sans-serif; - --special-font:'Damion',handwriting; - --cursor:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAAEEfUpiAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAInpUWHRTb2Z0d2FyZQAACJlzTMlPSlXwzE1MTw1KTUypBAAvnAXUekLysgAABX9JREFUWIW1V0tsG0UY3jzUKwKJA+KAeF0RSByKEOLUCyAkTkgVKhw4VUjUXufp9SNtQl5tHO/YbRJ7xykgkEAIwQUEqBVCENSIsrt52Z7pQyVtoJCKNlXbeO0Z9I9n15vETpxUjDTa9eqf7//+f/6XFTScVyKqpXgrmySBXIrySMiqfcCIcthC0tDJEUMXEqeFxNEe+4EagKIoi/OrPNZpveB9yC/e4IZO4Mhh8QEjWjJ0wjwtGFGhJd5pP6n5+fh5Lc6vChjgF+2w3vBOwzKSJHDm22uCZ2okz4ZjCz9HQlbIr0JxN6BoqlmzElas0/oyErLatip3VejEiXZYcKq9rsDy1VsORpTFu+z6QlIASLJjPXN8i7prK2uugBAa0IRQqydw5cpNB+wHC4ai8+Wwap7ZYAVGFBBmwb0D4TlHU32npUCbgQg8AYVtuH5pZnA6Te9GQhaPd9mPgCUR1VSaXtkkCaz8uebkl26w6TSFWID9TNNA2SQJgKvgwl1PgNF93TYAHRBAfqObAODgMQCC9/7wHETQIXBtXSCMaGA6TYWrNwDohIHTMKLlbJKUIYg01VS0zSAY0cDMT385n390GYQroBkOAmA4aPL33p1VPslcUhoyMBB51UCC8h8ybLNwtwCSTRLmhm9DP2C9Fu/w/vHkRbhaezi+AAwqmmoegLuPhBrcyMRY8ZVw0ByLdlgK2Litx+stQyc8PVJY11RzHg4LR+0mkAyd8NOnLrCTo4VSWDUvuyBNM8mlKS/zEptKFNnEiaITDprXPZB6ZWYLQIryEltnmQQRyTI5JkDWmmaS8wG4GTc1LkAc9/q2BcltBRAgEH0QSDuC5DYBbADRN4HU80kuTXmJr7PMeA3AD2LopAIgDf1h6IRDHsgDmzOykkvRcrTDuhMJWVlNNbcWYIwod/g6mzhe9A6CWR9E5vlIfOG3/vDcjKaa3zX0QzZJ+KVL/0oTSMVlMhxfAM1nOedKOGg29gHeQJlAJgIIpDZzHag1SiTXBxLkKeyrvgDQ12VDLGhaqI7tPgaK3K0GIi0Y0bOGTsq5FGVHu+17kZBlbhvSXj0QTwJxse/k8QKPVTvaNztGoqGT54G2PpQXzVNTzfN93fZD0erBNje9d10nml2GTo5Iv4kmmR4tlKBJaapZjHfZj0oL2qsk/gciGNFAdpzw87N/O7fv3mU//rDC4PepE4USDAZh1VyOd9pP+4k0XWqaWVk5nS0v33IgpxfmVnkmQZiBqp0Fahx023DQ/CfWaT23hcj9eiTrErhaJQAN1ldYvBY3mSg6fV02ELkd67RedonEu+ydS959EOBul3eJZMaJc7RHEIFMf10qb2uq9u6FAK5VRo8IfIN63d87x3uDJoweb8kOIons4mqymwjIGNhAYDsiUDRgrJRl67Ak0uLWvh2DFUMWJAnPL91woCqf++U6nxwrcuyblXxX4ZHw9QtxNVOJYkWmLxB5TRJp1Zol8Klx0fn6syvM8CmrpxyeUCY3kxntE5MQKId9yB8b265MggQ+PHWB31y743DusHMz19nJkUJViXSzdDnPIconxoowr5V7Aybvfv/3g1OJovLS/u/b335zxms7bno2FZQY0QCAQ3TDMChbc9nzgl611tcsYYgCEkxa+2K1JlhtMLruOhswoiGp7B5GdF0qgkn1YYzogxjRNYxq9w2y0ynK9MG82y9hhnpMKhXBt6uFoYfqNIR1smAg+hVG9AkD/tkhug+eGNH9/h7rEoH3QfjfVCXxKzRtd++SAFUMnbbKngz9WL4TaFRthi6eB2XwrU+naCWTJM5QbN4fdO/I0lz/T8BelkvixLHFluTgkpIYWHo82mF90RswLU0109EO61m34Liu30sl/A+22oG1vp3dUAAAAABJRU5ErkJggg=="); -} + --text-color:#fff; + --background:#2E3035; + --background-darker:#1E1F22; + --href:#9E93DC; + --href-dark:#8179d5; + --selector: #565091; + --main-font:'Oxygen',sans-serif; + --special-font:'Damion',handwriting; + --cursor:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAAEEfUpiAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAInpUWHRTb2Z0d2FyZQAACJlzTMlPSlXwzE1MTw1KTUypBAAvnAXUekLysgAABX9JREFUWIW1V0tsG0UY3jzUKwKJA+KAeF0RSByKEOLUCyAkTkgVKhw4VUjUXufp9SNtQl5tHO/YbRJ7xykgkEAIwQUEqBVCENSIsrt52Z7pQyVtoJCKNlXbeO0Z9I9n15vETpxUjDTa9eqf7//+f/6XFTScVyKqpXgrmySBXIrySMiqfcCIcthC0tDJEUMXEqeFxNEe+4EagKIoi/OrPNZpveB9yC/e4IZO4Mhh8QEjWjJ0wjwtGFGhJd5pP6n5+fh5Lc6vChjgF+2w3vBOwzKSJHDm22uCZ2okz4ZjCz9HQlbIr0JxN6BoqlmzElas0/oyErLatip3VejEiXZYcKq9rsDy1VsORpTFu+z6QlIASLJjPXN8i7prK2uugBAa0IRQqydw5cpNB+wHC4ai8+Wwap7ZYAVGFBBmwb0D4TlHU32npUCbgQg8AYVtuH5pZnA6Te9GQhaPd9mPgCUR1VSaXtkkCaz8uebkl26w6TSFWID9TNNA2SQJgKvgwl1PgNF93TYAHRBAfqObAODgMQCC9/7wHETQIXBtXSCMaGA6TYWrNwDohIHTMKLlbJKUIYg01VS0zSAY0cDMT385n390GYQroBkOAmA4aPL33p1VPslcUhoyMBB51UCC8h8ybLNwtwCSTRLmhm9DP2C9Fu/w/vHkRbhaezi+AAwqmmoegLuPhBrcyMRY8ZVw0ByLdlgK2Litx+stQyc8PVJY11RzHg4LR+0mkAyd8NOnLrCTo4VSWDUvuyBNM8mlKS/zEptKFNnEiaITDprXPZB6ZWYLQIryEltnmQQRyTI5JkDWmmaS8wG4GTc1LkAc9/q2BcltBRAgEH0QSDuC5DYBbADRN4HU80kuTXmJr7PMeA3AD2LopAIgDf1h6IRDHsgDmzOykkvRcrTDuhMJWVlNNbcWYIwod/g6mzhe9A6CWR9E5vlIfOG3/vDcjKaa3zX0QzZJ+KVL/0oTSMVlMhxfAM1nOedKOGg29gHeQJlAJgIIpDZzHag1SiTXBxLkKeyrvgDQ12VDLGhaqI7tPgaK3K0GIi0Y0bOGTsq5FGVHu+17kZBlbhvSXj0QTwJxse/k8QKPVTvaNztGoqGT54G2PpQXzVNTzfN93fZD0erBNje9d10nml2GTo5Iv4kmmR4tlKBJaapZjHfZj0oL2qsk/gciGNFAdpzw87N/O7fv3mU//rDC4PepE4USDAZh1VyOd9pP+4k0XWqaWVk5nS0v33IgpxfmVnkmQZiBqp0Fahx023DQ/CfWaT23hcj9eiTrErhaJQAN1ldYvBY3mSg6fV02ELkd67RedonEu+ydS959EOBul3eJZMaJc7RHEIFMf10qb2uq9u6FAK5VRo8IfIN63d87x3uDJoweb8kOIons4mqymwjIGNhAYDsiUDRgrJRl67Ak0uLWvh2DFUMWJAnPL91woCqf++U6nxwrcuyblXxX4ZHw9QtxNVOJYkWmLxB5TRJp1Zol8Klx0fn6syvM8CmrpxyeUCY3kxntE5MQKId9yB8b265MggQ+PHWB31y743DusHMz19nJkUJViXSzdDnPIconxoowr5V7Aybvfv/3g1OJovLS/u/b335zxms7bno2FZQY0QCAQ3TDMChbc9nzgl611tcsYYgCEkxa+2K1JlhtMLruOhswoiGp7B5GdF0qgkn1YYzogxjRNYxq9w2y0ynK9MG82y9hhnpMKhXBt6uFoYfqNIR1smAg+hVG9AkD/tkhug+eGNH9/h7rEoH3QfjfVCXxKzRtd++SAFUMnbbKngz9WL4TaFRthi6eB2XwrU+naCWTJM5QbN4fdO/I0lz/T8BelkvixLHFluTgkpIYWHo82mF90RswLU0109EO61m34Liu30sl/A+22oG1vp3dUAAAAABJRU5ErkJggg=="); +} \ No newline at end of file diff --git a/scss/old-default-theme.scss b/scss/old-default-theme.scss new file mode 100644 index 0000000..49af7f1 --- /dev/null +++ b/scss/old-default-theme.scss @@ -0,0 +1,13 @@ +@use '_base'; +@use '_fonts'; +:root{ + --text-color:#fff; + --background:#383C4A; + --background-darker:#2E323E; + --href:#7289DA; + --href-dark:#4E5D94; + --selector: #454FBF; + --main-font:'Oxygen',sans-serif; + --special-font:'Damion',handwriting; + --cursor:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAAEEfUpiAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAInpUWHRTb2Z0d2FyZQAACJlzTMlPSlXwzE1MTw1KTUypBAAvnAXUekLysgAABX9JREFUWIW1V0tsG0UY3jzUKwKJA+KAeF0RSByKEOLUCyAkTkgVKhw4VUjUXufp9SNtQl5tHO/YbRJ7xykgkEAIwQUEqBVCENSIsrt52Z7pQyVtoJCKNlXbeO0Z9I9n15vETpxUjDTa9eqf7//+f/6XFTScVyKqpXgrmySBXIrySMiqfcCIcthC0tDJEUMXEqeFxNEe+4EagKIoi/OrPNZpveB9yC/e4IZO4Mhh8QEjWjJ0wjwtGFGhJd5pP6n5+fh5Lc6vChjgF+2w3vBOwzKSJHDm22uCZ2okz4ZjCz9HQlbIr0JxN6BoqlmzElas0/oyErLatip3VejEiXZYcKq9rsDy1VsORpTFu+z6QlIASLJjPXN8i7prK2uugBAa0IRQqydw5cpNB+wHC4ai8+Wwap7ZYAVGFBBmwb0D4TlHU32npUCbgQg8AYVtuH5pZnA6Te9GQhaPd9mPgCUR1VSaXtkkCaz8uebkl26w6TSFWID9TNNA2SQJgKvgwl1PgNF93TYAHRBAfqObAODgMQCC9/7wHETQIXBtXSCMaGA6TYWrNwDohIHTMKLlbJKUIYg01VS0zSAY0cDMT385n390GYQroBkOAmA4aPL33p1VPslcUhoyMBB51UCC8h8ybLNwtwCSTRLmhm9DP2C9Fu/w/vHkRbhaezi+AAwqmmoegLuPhBrcyMRY8ZVw0ByLdlgK2Litx+stQyc8PVJY11RzHg4LR+0mkAyd8NOnLrCTo4VSWDUvuyBNM8mlKS/zEptKFNnEiaITDprXPZB6ZWYLQIryEltnmQQRyTI5JkDWmmaS8wG4GTc1LkAc9/q2BcltBRAgEH0QSDuC5DYBbADRN4HU80kuTXmJr7PMeA3AD2LopAIgDf1h6IRDHsgDmzOykkvRcrTDuhMJWVlNNbcWYIwod/g6mzhe9A6CWR9E5vlIfOG3/vDcjKaa3zX0QzZJ+KVL/0oTSMVlMhxfAM1nOedKOGg29gHeQJlAJgIIpDZzHag1SiTXBxLkKeyrvgDQ12VDLGhaqI7tPgaK3K0GIi0Y0bOGTsq5FGVHu+17kZBlbhvSXj0QTwJxse/k8QKPVTvaNztGoqGT54G2PpQXzVNTzfN93fZD0erBNje9d10nml2GTo5Iv4kmmR4tlKBJaapZjHfZj0oL2qsk/gciGNFAdpzw87N/O7fv3mU//rDC4PepE4USDAZh1VyOd9pP+4k0XWqaWVk5nS0v33IgpxfmVnkmQZiBqp0Fahx023DQ/CfWaT23hcj9eiTrErhaJQAN1ldYvBY3mSg6fV02ELkd67RedonEu+ydS959EOBul3eJZMaJc7RHEIFMf10qb2uq9u6FAK5VRo8IfIN63d87x3uDJoweb8kOIons4mqymwjIGNhAYDsiUDRgrJRl67Ak0uLWvh2DFUMWJAnPL91woCqf++U6nxwrcuyblXxX4ZHw9QtxNVOJYkWmLxB5TRJp1Zol8Klx0fn6syvM8CmrpxyeUCY3kxntE5MQKId9yB8b265MggQ+PHWB31y743DusHMz19nJkUJViXSzdDnPIconxoowr5V7Aybvfv/3g1OJovLS/u/b335zxms7bno2FZQY0QCAQ3TDMChbc9nzgl611tcsYYgCEkxa+2K1JlhtMLruOhswoiGp7B5GdF0qgkn1YYzogxjRNYxq9w2y0ynK9MG82y9hhnpMKhXBt6uFoYfqNIR1smAg+hVG9AkD/tkhug+eGNH9/h7rEoH3QfjfVCXxKzRtd++SAFUMnbbKngz9WL4TaFRthi6eB2XwrU+naCWTJM5QbN4fdO/I0lz/T8BelkvixLHFluTgkpIYWHo82mF90RswLU0109EO61m34Liu30sl/A+22oG1vp3dUAAAAABJRU5ErkJggg=="); +} diff --git a/scss/purple-theme.scss b/scss/purple-theme.scss deleted file mode 100644 index 8bfabf6..0000000 --- a/scss/purple-theme.scss +++ /dev/null @@ -1,13 +0,0 @@ -@use '_base'; -@use '_fonts'; -:root{ - --text-color:#fff; - --background:#2E3035; - --background-darker:#1E1F22; - --href:#9E93DC; - --href-dark:#8179d5; - --selector: #565091; - --main-font:'Oxygen',sans-serif; - --special-font:'Damion',handwriting; - --cursor:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAAEEfUpiAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAInpUWHRTb2Z0d2FyZQAACJlzTMlPSlXwzE1MTw1KTUypBAAvnAXUekLysgAABX9JREFUWIW1V0tsG0UY3jzUKwKJA+KAeF0RSByKEOLUCyAkTkgVKhw4VUjUXufp9SNtQl5tHO/YbRJ7xykgkEAIwQUEqBVCENSIsrt52Z7pQyVtoJCKNlXbeO0Z9I9n15vETpxUjDTa9eqf7//+f/6XFTScVyKqpXgrmySBXIrySMiqfcCIcthC0tDJEUMXEqeFxNEe+4EagKIoi/OrPNZpveB9yC/e4IZO4Mhh8QEjWjJ0wjwtGFGhJd5pP6n5+fh5Lc6vChjgF+2w3vBOwzKSJHDm22uCZ2okz4ZjCz9HQlbIr0JxN6BoqlmzElas0/oyErLatip3VejEiXZYcKq9rsDy1VsORpTFu+z6QlIASLJjPXN8i7prK2uugBAa0IRQqydw5cpNB+wHC4ai8+Wwap7ZYAVGFBBmwb0D4TlHU32npUCbgQg8AYVtuH5pZnA6Te9GQhaPd9mPgCUR1VSaXtkkCaz8uebkl26w6TSFWID9TNNA2SQJgKvgwl1PgNF93TYAHRBAfqObAODgMQCC9/7wHETQIXBtXSCMaGA6TYWrNwDohIHTMKLlbJKUIYg01VS0zSAY0cDMT385n390GYQroBkOAmA4aPL33p1VPslcUhoyMBB51UCC8h8ybLNwtwCSTRLmhm9DP2C9Fu/w/vHkRbhaezi+AAwqmmoegLuPhBrcyMRY8ZVw0ByLdlgK2Litx+stQyc8PVJY11RzHg4LR+0mkAyd8NOnLrCTo4VSWDUvuyBNM8mlKS/zEptKFNnEiaITDprXPZB6ZWYLQIryEltnmQQRyTI5JkDWmmaS8wG4GTc1LkAc9/q2BcltBRAgEH0QSDuC5DYBbADRN4HU80kuTXmJr7PMeA3AD2LopAIgDf1h6IRDHsgDmzOykkvRcrTDuhMJWVlNNbcWYIwod/g6mzhe9A6CWR9E5vlIfOG3/vDcjKaa3zX0QzZJ+KVL/0oTSMVlMhxfAM1nOedKOGg29gHeQJlAJgIIpDZzHag1SiTXBxLkKeyrvgDQ12VDLGhaqI7tPgaK3K0GIi0Y0bOGTsq5FGVHu+17kZBlbhvSXj0QTwJxse/k8QKPVTvaNztGoqGT54G2PpQXzVNTzfN93fZD0erBNje9d10nml2GTo5Iv4kmmR4tlKBJaapZjHfZj0oL2qsk/gciGNFAdpzw87N/O7fv3mU//rDC4PepE4USDAZh1VyOd9pP+4k0XWqaWVk5nS0v33IgpxfmVnkmQZiBqp0Fahx023DQ/CfWaT23hcj9eiTrErhaJQAN1ldYvBY3mSg6fV02ELkd67RedonEu+ydS959EOBul3eJZMaJc7RHEIFMf10qb2uq9u6FAK5VRo8IfIN63d87x3uDJoweb8kOIons4mqymwjIGNhAYDsiUDRgrJRl67Ak0uLWvh2DFUMWJAnPL91woCqf++U6nxwrcuyblXxX4ZHw9QtxNVOJYkWmLxB5TRJp1Zol8Klx0fn6syvM8CmrpxyeUCY3kxntE5MQKId9yB8b265MggQ+PHWB31y743DusHMz19nJkUJViXSzdDnPIconxoowr5V7Aybvfv/3g1OJovLS/u/b335zxms7bno2FZQY0QCAQ3TDMChbc9nzgl611tcsYYgCEkxa+2K1JlhtMLruOhswoiGp7B5GdF0qgkn1YYzogxjRNYxq9w2y0ynK9MG82y9hhnpMKhXBt6uFoYfqNIR1smAg+hVG9AkD/tkhug+eGNH9/h7rEoH3QfjfVCXxKzRtd++SAFUMnbbKngz9WL4TaFRthi6eB2XwrU+naCWTJM5QbN4fdO/I0lz/T8BelkvixLHFluTgkpIYWHo82mF90RswLU0109EO61m34Liu30sl/A+22oG1vp3dUAAAAABJRU5ErkJggg=="); -} \ No newline at end of file