Wordpress/Haddon2016
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

updated for setting, better formatting of the files.

Browse Source
This commit is contained in:
Jacob Haddon 2020-11-29 15:46:50 -05:00
parent 4e0a3f2f5f
commit 2390a2199f
3 changed files with 497 additions and 544 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

62
style-blue.css
View File

@ -2,27 +2,25 @@
@media screen and (prefers-color-scheme: dark) @media screen and (prefers-color-scheme: dark)
{ {
/* Text Colors */
/* Text Colors */ /*
Primary Colors:
1 #e1e1e1 Primary Text Color
2 #21133C Darkest Main Body Area Color
3 #271C4D Dark
4 #381D71 Med Dark
/* Accent Colors:
Primary Colors: 1 #FC4CA0
1 #e1e1e1 Primary Text Color 2 #52FFBD
2 #21133C Darkest Main Body Area Color
3 #271C4D Dark
4 #381D71 Med Dark
Accent Colors: Binary:
1 #FC4CA0 Either white (#FFF) or black (#000)
2 #52FFBD
Binary: Accent color 1 and 2 are used as inverse of each other thoughout the theme
Either white (#FFF) or black (#000)
Accent color 1 and 2 are used as inverse of each other thoughout the theme
*/ */
/* Primary Color 1 : Text Color */ /* Primary Color 1 : Text Color */
body, body,
button, button,
@ -58,10 +56,7 @@ Accent color 1 and 2 are used as inverse of each other thoughout the theme
.pagination a:focus, .pagination a:focus,
.comment-reply-title small a:hover, .comment-reply-title small a:hover,
.comment-reply-title small a:focus, .comment-reply-title small a:focus,
.wp-block-code .wp-block-code { color: #e1e1e1; }
{
color: #e1e1e1;
}
/* Accent Color 1 */ /* Accent Color 1 */
blockquote, blockquote,
@ -111,10 +106,7 @@ Accent color 1 and 2 are used as inverse of each other thoughout the theme
.gallery-caption, .gallery-caption,
.widecolumn label, .widecolumn label,
.widecolumn .mu_register label, .widecolumn .mu_register label,
a.page-numbers:hover a.page-numbers:hover { color: #FC4CA0; }
{
color: #FC4CA0;
}
/* Accent Color 2 */ /* Accent Color 2 */
a, a,
@ -184,8 +176,7 @@ Accent color 1 and 2 are used as inverse of each other thoughout the theme
color: #fff; color: #fff;
} }
/* Back Ground Colors */ /* Back Ground Colors */
/* Primary Color 2: Darkest */ /* Primary Color 2: Darkest */
.main-navigation ul ul li, .main-navigation ul ul li,
input[type="date"]:focus, input[type="date"]:focus,
@ -201,10 +192,7 @@ Accent color 1 and 2 are used as inverse of each other thoughout the theme
input[type="tel"]:focus, input[type="tel"]:focus,
input[type="number"]:focus, input[type="number"]:focus,
textarea:focus, textarea:focus,
.site .site { background-color: #21133C; }
{
background: #21133C;
}
/* Primary Color 3 Dark */ /* Primary Color 3 Dark */
body, body,
@ -227,17 +215,11 @@ Accent color 1 and 2 are used as inverse of each other thoughout the theme
.menu-toggle.toggled-on, .menu-toggle.toggled-on,
.menu-toggle.toggled-on:hover, .menu-toggle.toggled-on:hover,
.menu-toggle.toggled-on:focus, .menu-toggle.toggled-on:focus,
.page-links a .page-links a { background: #271C4D; }
{
background: #271C4D;
}
/* Primary color 4 Medium Dark */ /* Primary color 4 Medium Dark */
code, code,
hr hr { background: #381D71; }
{
background: #381D71;
}
/* Primary Color 4: Inactive */ /* Primary Color 4: Inactive */
input[type="date"], input[type="date"],
@ -252,10 +234,7 @@ Accent color 1 and 2 are used as inverse of each other thoughout the theme
input[type="search"], input[type="search"],
input[type="tel"], input[type="tel"],
input[type="number"], input[type="number"],
textarea textarea { background: #271C4D; }
{
background: #271C4D;
}
/* Accent Color 1; */ /* Accent Color 1; */
.widget_calendar tbody a:hover, .widget_calendar tbody a:hover,
@ -281,7 +260,6 @@ Accent color 1 and 2 are used as inverse of each other thoughout the theme
.page-links a:focus { background: #52FFBD; } .page-links a:focus { background: #52FFBD; }
/* Border Colors */ /* Border Colors */
/* Primary color 3 Dark */ /* Primary color 3 Dark */
.post-navigation, .post-navigation,
.post-navigation div + div, .post-navigation div + div,

65
style-dark.css
View File

@ -2,28 +2,26 @@
@media screen and (prefers-color-scheme: dark) @media screen and (prefers-color-scheme: dark)
{ {
/* Text Colors */
/* Text Colors */ /*
Primary Colors:
1 #e1e1e1 Primary Text Color
2 #111111 Darkest Main Body Area Color
3 #222222 Dark
4 #343434 Med Dark
5 #222222 Inactive
/* Accent Colors:
Primary Colors: 1 #8e8e8e
1 #e1e1e1 Primary Text Color 2 #007acc
2 #111111 Darkest Main Body Area Color
3 #222222 Dark
4 #343434 Med Dark
5 #222222 Inactive
Accent Colors: Binary:
1 #8e8e8e Either white (#FFF) or black (#000)
2 #007acc
Binary: Accent color 1 and 2 are used as inverse of each other thoughout the theme
Either white (#FFF) or black (#000)
Accent color 1 and 2 are used as inverse of each other thoughout the theme
*/ */
/* Primary Color 1 : Text Color */ /* Primary Color 1 : Text Color */
body, body,
button, button,
@ -59,10 +57,7 @@ Accent color 1 and 2 are used as inverse of each other thoughout the theme
.pagination a:focus, .pagination a:focus,
.comment-reply-title small a:hover, .comment-reply-title small a:hover,
.comment-reply-title small a:focus, .comment-reply-title small a:focus,
.wp-block-code .wp-block-code { color: #e1e1e1; }
{
color: #e1e1e1;
}
/* Accent Color 1 */ /* Accent Color 1 */
blockquote, blockquote,
@ -112,10 +107,7 @@ Accent color 1 and 2 are used as inverse of each other thoughout the theme
.gallery-caption, .gallery-caption,
.widecolumn label, .widecolumn label,
.widecolumn .mu_register label, .widecolumn .mu_register label,
a.page-numbers:hover a.page-numbers:hover { color: #8e8e8e; }
{
color: #8e8e8e;
}
/* Accent Color 2 */ /* Accent Color 2 */
a, a,
@ -185,8 +177,7 @@ Accent color 1 and 2 are used as inverse of each other thoughout the theme
color: #fff; color: #fff;
} }
/* Back Ground Colors */ /* Back Ground Colors */
/* Primary Color 2: Darkest */ /* Primary Color 2: Darkest */
.main-navigation ul ul li, .main-navigation ul ul li,
input[type="date"]:focus, input[type="date"]:focus,
@ -202,10 +193,7 @@ Accent color 1 and 2 are used as inverse of each other thoughout the theme
input[type="tel"]:focus, input[type="tel"]:focus,
input[type="number"]:focus, input[type="number"]:focus,
textarea:focus, textarea:focus,
.site .site { background-color: #111111; }
{
background-color: #111111;
}
/* Primary Color 3 Dark */ /* Primary Color 3 Dark */
body, body,
@ -228,17 +216,11 @@ Accent color 1 and 2 are used as inverse of each other thoughout the theme
.menu-toggle.toggled-on, .menu-toggle.toggled-on,
.menu-toggle.toggled-on:hover, .menu-toggle.toggled-on:hover,
.menu-toggle.toggled-on:focus, .menu-toggle.toggled-on:focus,
.page-links a .page-links a { background: #222222; }
{
background: #222222;
}
/* Primary color 4 Medium Dark */ /* Primary color 4 Medium Dark */
code, code,
hr hr { background: #343434; }
{
background: #343434;
}
/* Primary Color 4: Inactive */ /* Primary Color 4: Inactive */
input[type="date"], input[type="date"],
@ -253,10 +235,7 @@ Accent color 1 and 2 are used as inverse of each other thoughout the theme
input[type="search"], input[type="search"],
input[type="tel"], input[type="tel"],
input[type="number"], input[type="number"],
textarea textarea { background: #222222; }
{
background: #222222;
}
/* Accent Color 1; */ /* Accent Color 1; */
.widget_calendar tbody a:hover, .widget_calendar tbody a:hover,
@ -282,7 +261,6 @@ Accent color 1 and 2 are used as inverse of each other thoughout the theme
.page-links a:focus { background: #007acc; } .page-links a:focus { background: #007acc; }
/* Border Colors */ /* Border Colors */
/* Primary color 3 Dark */ /* Primary color 3 Dark */
.post-navigation, .post-navigation,
.post-navigation div + div, .post-navigation div + div,
@ -322,4 +300,3 @@ Accent color 1 and 2 are used as inverse of each other thoughout the theme
.menu-toggle:focus { background-color: transparent; } .menu-toggle:focus { background-color: transparent; }
body:not(.search-results) .entry-summary blockquote { border-color: currentColor; } body:not(.search-results) .entry-summary blockquote { border-color: currentColor; }
} }

2
style.css
View File

@ -134,5 +134,3 @@ code,
} }
/* media 985px */ /* media 985px */