code optimization

This commit is contained in:
Luke 2023-03-11 11:30:38 +01:00 committed by GitHub
parent accd2d3474
commit e8a6d5624f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -5,8 +5,6 @@
//Import //Import
@import "base", "mixin", "typography", "layout", "syntax.scss", "custom.scss", "responsive.scss"; @import "base", "mixin", "typography", "layout", "syntax.scss", "custom.scss", "responsive.scss";
///////////////////////////////////////// /////////////////////////////////////////
///////////////////////////////////////// /////////////////////////////////////////
///////////////////////////////////////// /////////////////////////////////////////
@ -16,147 +14,146 @@
///////////////////////////////////////// /////////////////////////////////////////
//html { //html {
//background-color: #0f0f0f; //background-color: #0f0f0f;
////background-color: #f0f0f0; ////background-color: #f0f0f0;
//html { //html {
//[>background-color: #0f0f0f;<] //[>background-color: #0f0f0f;<]
////background-color: #f0f0f0; ////background-color: #f0f0f0;
//background-color: lightblue; //background-color: lightblue;
//} //}
////body { ////body {
//////background-color: #f0f0f0; //////background-color: #f0f0f0;
////background-color: #0f0f0f; ////background-color: #0f0f0f;
//body { //body {
//[>background-color: #0f0f0f;<] //[>background-color: #0f0f0f;<]
////background-color: #f0f0f0; ////background-color: #f0f0f0;
//background-color: lightblue; //background-color: lightblue;
//} //}
// Default Style (Dark) // Default Style (Dark)
:root { :root {
--primary-color: #888888; --primary-color: #888888;
--secondary-color: #666666; --secondary-color: #666666;
--font-color: #cecece; --font-color: #cecece;
--link-color: #e6e6e6; --link-color: #e6e6e6;
--bg-color: #0f0f0f; --bg-color: #0f0f0f;
--heading-color: #454545; --heading-color: #454545;
--block-bg-color: #2f3234; --block-bg-color: #2f3234;
--block-bg-color-secondary: #444444; --block-bg-color-secondary: #444444;
--block-bg-color-heading: #333333; --block-bg-color-heading: #333333;
--table-color: #cecece; --table-color: #cecece;
--head-nav-bg-color: transparent; --head-nav-bg-color: transparent;
--head-nav-text-color: #d56f2a; --head-nav-text-color: #d56f2a;
--menu-color: #e1e1e1; --menu-color: #e1e1e1;
--license-color: #666666; --license-color: #666666;
} }
// Was entered incorrectly.. Dark = Light // Was entered incorrectly.. Dark = Light
[data-theme="dark"] { [data-theme="dark"] {
--primary-color: #666666; --primary-color: #666666;
--secondary-color: #555555; --secondary-color: #555555;
--font-color: #555555; --font-color: #555555;
--link-color: #444444; --link-color: #444444;
--bg-color: #2f3136; --bg-color: #2f3136;
--heading-color: #666666; --heading-color: #666666;
--block-bg-color: #d7d7d7; --block-bg-color: #d7d7d7;
--block-bg-color-secondary: #c0c0c0; --block-bg-color-secondary: #c0c0c0;
--block-bg-color-heading: #a5a5a5; --block-bg-color-heading: #a5a5a5;
--table-color: #000000; --table-color: #000000;
--nav-bg-color: #353637; --nav-bg-color: #353637;
--nav-bg-hover-color: #d56f2a; --nav-bg-hover-color: #d56f2a;
--nav-text-color: #d9dcde; --nav-text-color: #d9dcde;
--head-nav-bg-color: transparent; --head-nav-bg-color: transparent;
--head-nav-text-color: #d56f2a; --head-nav-text-color: #d56f2a;
--menu-color: #d56f2a; --menu-color: #d56f2a;
--license-color: #666666; --license-color: #666666;
--footer-bg-color: #202225; --footer-bg-color: #202225;
} }
body { body {
background-color: var(--bg-color); background-color: var(--bg-color);
color: var(--font-color); color: var(--font-color);
} }
html { html {
background-color: var(--bg-color); background-color: var(--bg-color);
color: var(--font-color); color: var(--font-color);
} }
h1 { h1 {
color: var(--secondary-color); color: var(--secondary-color);
} }
a { a {
color: var(--link-color); color: var(--link-color);
} }
.moneroversary-table, .moneroversary-table,
.price-table { .price-table {
color: var(--table-color); color: var(--table-color);
} }
#weekly .revuo-classes a.wk, #weekly .revuo-classes a.wk,
#periodical .revuo-classes a.pd, #periodical .revuo-classes a.pd,
#wrap.periodical .revuo-classes a.pd:active, #wrap.periodical .revuo-classes a.pd:active,
#wrap.periodical .revuo-classes a.pd:focus { #wrap.periodical .revuo-classes a.pd:focus {
background-color: var(--head-nav-bg-color); background-color: var(--head-nav-bg-color);
color: var(--head-nav-text-color); color: var(--head-nav-text-color);
} }
time.by-line, time.by-line,
p.by-line-post { p.by-line-post {
color: var(--table-color); color: var(--table-color);
} }
#nav-menu { #nav-menu {
background-color: var(--head-nav-bg-color); background-color: var(--head-nav-bg-color);
} }
#menu, #menu,
#menu::after, #menu::after,
#menu::before { #menu::before {
background-color: var(--menu-color); background-color: var(--menu-color);
} }
#nav { #nav {
background-color: var(--nav-bg-color); background-color: var(--nav-bg-color);
} }
#nav a, #nav-left a { #nav a,
color: var(--nav-text-color); #nav-left a {
color: var(--nav-text-color);
} }
#nav a:hover, #nav-left a:hover { #nav a:hover,
background-color: var(--nav-bg-hover-color); #nav-left a:hover {
color: var(--nav-bg-color); background-color: var(--nav-bg-hover-color);
color: var(--nav-bg-color);
} }
#nav-list::after { #nav-list::after {
background-color: var(--nav-bg-hover-color); background-color: var(--nav-bg-hover-color);
} }
#menu.btn-close::before, #menu.btn-close::before,
#menu.btn-close::after { #menu.btn-close::after {
background-color: var(--nav-bg-hover-color); background-color: var(--nav-bg-hover-color);
} }
.page-item { .page-item {
background-color: var(--license-color); background-color: var(--license-color);
color: var(--footer-bg-color); color: var(--footer-bg-color);
} }
.pagination a:hover { .pagination a:hover {
background-color: var(--nav-bg-color);; background-color: var(--nav-bg-color);
} }
.footer { .footer {
background-color: var(--footer-bg-color); background-color: var(--footer-bg-color);
color: var(--nav-text-color); color: var(--nav-text-color);
} }
#header .action-container { #header .action-container {
@ -179,7 +176,8 @@ p.by-line-post {
} }
#header { #header {
a.rss, a.donate { a.rss,
a.donate {
display: block; display: block;
padding-bottom: 0; padding-bottom: 0;
} }