Switch examplesite back to light

This commit is contained in:
Victoria Drake 2019-12-28 22:30:02 -05:00
parent 65bcf9cbcd
commit 8dfb51cae7
5 changed files with 55 additions and 58 deletions

View file

@ -1,6 +1,6 @@
{{ $themeStyle := .Site.Params.themeStyle | default "light" }} {{ $themeStyle := .Site.Params.themeStyle | default "light" }}
$fa-font-path: '{{ "fonts/fontawesome-free/webfonts" | absURL }}' $fa-font-path: '{{ "/fonts/fontawesome-free/webfonts" }}'
$nunito-font-path: '{{ "fonts/NunitoSans" | absURL }}' $nunito-font-path: '{{ "/fonts/NunitoSans" }}'
@import "fonts" @import "fonts"
@import "{{ $themeStyle }}-variables" @import "{{ $themeStyle }}-variables"

View file

@ -5,7 +5,7 @@ DefaultContentLanguage = "en" # Default language fo
# googleAnalytics = "" # https://gohugo.io/templates/internal/#google-analytics # googleAnalytics = "" # https://gohugo.io/templates/internal/#google-analytics
[params] [params]
themeStyle = "dark" # Choose "light" or "dark" themeStyle = "light" # Choose "light" or "dark"
favicon = "/img/fav.ico" # Path to favicon file favicon = "/img/fav.ico" # Path to favicon file
showRSSButton = false # Show rss button in navigation showRSSButton = false # Show rss button in navigation
fadeIn = true # Turn on/off the fade-in effect fadeIn = true # Turn on/off the fade-in effect

View file

@ -220,7 +220,7 @@ pre {
font-family: monospace; } font-family: monospace; }
body { body {
color: #78888b; color: #4a4a4a;
font-size: 1rem; font-size: 1rem;
font-weight: 400; font-weight: 400;
line-height: 1.5; } line-height: 1.5; }
@ -232,17 +232,17 @@ a {
a strong { a strong {
color: currentColor; } color: currentColor; }
a:hover { a:hover {
color: #f4f1bb; } color: #000000; }
code { code {
background-color: #111111; background-color: #ffffff;
color: #ed6a5a; color: #00b8d4;
font-size: 0.875em; font-size: 0.875em;
font-weight: normal; font-weight: normal;
padding: 0.25em 0.5em 0.25em; } padding: 0.25em 0.5em 0.25em; }
hr { hr {
background-color: #111111; background-color: #ffffff;
border: none; border: none;
display: block; display: block;
height: 2px; height: 2px;
@ -269,7 +269,7 @@ strong {
pre { pre {
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
background-color: #111111; background-color: #ffffff;
color: #4a4a4a; color: #4a4a4a;
font-size: 0.875em; font-size: 0.875em;
overflow-x: auto; overflow-x: auto;
@ -626,13 +626,13 @@ a.has-text-dark:hover, a.has-text-dark:focus {
background-color: #363636 !important; } background-color: #363636 !important; }
.has-text-primary { .has-text-primary {
color: #ed6a5a !important; } color: #00b8d4 !important; }
a.has-text-primary:hover, a.has-text-primary:focus { a.has-text-primary:hover, a.has-text-primary:focus {
color: #e8402c !important; } color: #008ca1 !important; }
.has-background-primary { .has-background-primary {
background-color: #ed6a5a !important; } background-color: #00b8d4 !important; }
.has-text-link { .has-text-link {
color: #3273dc !important; } color: #3273dc !important; }
@ -1295,7 +1295,7 @@ a.has-text-danger:hover, a.has-text-danger:focus {
.modal-card-head, .modal-card-head,
.modal-card-foot { .modal-card-foot {
align-items: center; align-items: center;
background-color: #111111; background-color: #ffffff;
display: flex; display: flex;
flex-shrink: 0; flex-shrink: 0;
justify-content: flex-start; justify-content: flex-start;
@ -1330,7 +1330,7 @@ a.has-text-danger:hover, a.has-text-danger:focus {
padding: 20px; } padding: 20px; }
.navbar { .navbar {
background-color: #111111; background-color: #ffffff;
min-height: 3.25rem; min-height: 3.25rem;
position: relative; position: relative;
z-index: 30; } z-index: 30; }
@ -1487,7 +1487,7 @@ a.has-text-danger:hover, a.has-text-danger:focus {
background-color: #363636; background-color: #363636;
color: whitesmoke; } } color: whitesmoke; } }
.navbar.is-primary { .navbar.is-primary {
background-color: #ed6a5a; background-color: #00b8d4;
color: #fff; } color: #fff; }
.navbar.is-primary .navbar-brand > .navbar-item, .navbar.is-primary .navbar-brand > .navbar-item,
.navbar.is-primary .navbar-brand .navbar-link { .navbar.is-primary .navbar-brand .navbar-link {
@ -1495,7 +1495,7 @@ a.has-text-danger:hover, a.has-text-danger:focus {
.navbar.is-primary .navbar-brand > a.navbar-item:hover, .navbar.is-primary .navbar-brand > a.navbar-item.is-active, .navbar.is-primary .navbar-brand > a.navbar-item:hover, .navbar.is-primary .navbar-brand > a.navbar-item.is-active,
.navbar.is-primary .navbar-brand .navbar-link:hover, .navbar.is-primary .navbar-brand .navbar-link:hover,
.navbar.is-primary .navbar-brand .navbar-link.is-active { .navbar.is-primary .navbar-brand .navbar-link.is-active {
background-color: #ea5543; background-color: #00a2bb;
color: #fff; } color: #fff; }
.navbar.is-primary .navbar-brand .navbar-link::after { .navbar.is-primary .navbar-brand .navbar-link::after {
border-color: #fff; } border-color: #fff; }
@ -1512,17 +1512,17 @@ a.has-text-danger:hover, a.has-text-danger:focus {
.navbar.is-primary .navbar-end > a.navbar-item.is-active, .navbar.is-primary .navbar-end > a.navbar-item.is-active,
.navbar.is-primary .navbar-end .navbar-link:hover, .navbar.is-primary .navbar-end .navbar-link:hover,
.navbar.is-primary .navbar-end .navbar-link.is-active { .navbar.is-primary .navbar-end .navbar-link.is-active {
background-color: #ea5543; background-color: #00a2bb;
color: #fff; } color: #fff; }
.navbar.is-primary .navbar-start .navbar-link::after, .navbar.is-primary .navbar-start .navbar-link::after,
.navbar.is-primary .navbar-end .navbar-link::after { .navbar.is-primary .navbar-end .navbar-link::after {
border-color: #fff; } border-color: #fff; }
.navbar.is-primary .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-primary .navbar-item.has-dropdown:hover .navbar-link,
.navbar.is-primary .navbar-item.has-dropdown.is-active .navbar-link { .navbar.is-primary .navbar-item.has-dropdown.is-active .navbar-link {
background-color: #ea5543; background-color: #00a2bb;
color: #fff; } color: #fff; }
.navbar.is-primary .navbar-dropdown a.navbar-item.is-active { .navbar.is-primary .navbar-dropdown a.navbar-item.is-active {
background-color: #ed6a5a; background-color: #00b8d4;
color: #fff; } } color: #fff; } }
.navbar.is-link { .navbar.is-link {
background-color: #3273dc; background-color: #3273dc;
@ -1720,7 +1720,7 @@ a.has-text-danger:hover, a.has-text-danger:focus {
min-height: 3.25rem; min-height: 3.25rem;
width: 100%; } width: 100%; }
.navbar.has-shadow { .navbar.has-shadow {
box-shadow: 0 2px 0 0 #111111; } box-shadow: 0 2px 0 0 #ffffff; }
.navbar.is-fixed-bottom, .navbar.is-fixed-top { .navbar.is-fixed-bottom, .navbar.is-fixed-top {
left: 0; left: 0;
position: fixed; position: fixed;
@ -1729,7 +1729,7 @@ a.has-text-danger:hover, a.has-text-danger:focus {
.navbar.is-fixed-bottom { .navbar.is-fixed-bottom {
bottom: 0; } bottom: 0; }
.navbar.is-fixed-bottom.has-shadow { .navbar.is-fixed-bottom.has-shadow {
box-shadow: 0 -2px 0 0 #111111; } box-shadow: 0 -2px 0 0 #ffffff; }
.navbar.is-fixed-top { .navbar.is-fixed-top {
top: 0; } top: 0; }
@ -1811,8 +1811,8 @@ a.navbar-item,
a.navbar-item:hover, a.navbar-item.is-active, a.navbar-item:hover, a.navbar-item.is-active,
.navbar-link:hover, .navbar-link:hover,
.navbar-link.is-active { .navbar-link.is-active {
background-color: #111111; background-color: #ffffff;
color: #f4f1bb; } color: #dbdbdb; }
.navbar-item { .navbar-item {
display: block; display: block;
@ -1860,7 +1860,7 @@ a.navbar-item,
padding-right: 1.5rem; } padding-right: 1.5rem; }
.navbar-divider { .navbar-divider {
background-color: #111111; background-color: #ffffff;
border: none; border: none;
display: none; display: none;
height: 2px; height: 2px;
@ -1876,7 +1876,7 @@ a.navbar-item,
.navbar-link::after { .navbar-link::after {
display: none; } display: none; }
.navbar-menu { .navbar-menu {
background-color: #111111; background-color: #ffffff;
box-shadow: 0 8px 16px rgba(10, 10, 10, 0.1); box-shadow: 0 8px 16px rgba(10, 10, 10, 0.1);
padding: 0.5rem 0; } padding: 0.5rem 0; }
.navbar-menu.is-active { .navbar-menu.is-active {
@ -1927,10 +1927,10 @@ a.navbar-item,
.navbar.is-transparent .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:hover .navbar-link { .navbar.is-transparent .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:hover .navbar-link {
background-color: transparent !important; } background-color: transparent !important; }
.navbar.is-transparent .navbar-dropdown a.navbar-item:hover { .navbar.is-transparent .navbar-dropdown a.navbar-item:hover {
background-color: #111111; background-color: #ffffff;
color: #0a0a0a; } color: #0a0a0a; }
.navbar.is-transparent .navbar-dropdown a.navbar-item.is-active { .navbar.is-transparent .navbar-dropdown a.navbar-item.is-active {
background-color: #111111; background-color: #ffffff;
color: #3273dc; } color: #3273dc; }
.navbar-burger { .navbar-burger {
display: none; } display: none; }
@ -1985,10 +1985,10 @@ a.navbar-item,
.navbar-dropdown a.navbar-item { .navbar-dropdown a.navbar-item {
padding-right: 3rem; } padding-right: 3rem; }
.navbar-dropdown a.navbar-item:hover { .navbar-dropdown a.navbar-item:hover {
background-color: #111111; background-color: #ffffff;
color: #0a0a0a; } color: #0a0a0a; }
.navbar-dropdown a.navbar-item.is-active { .navbar-dropdown a.navbar-item.is-active {
background-color: #111111; background-color: #ffffff;
color: #3273dc; } color: #3273dc; }
.navbar.is-spaced .navbar-dropdown, .navbar-dropdown.is-boxed { .navbar.is-spaced .navbar-dropdown, .navbar-dropdown.is-boxed {
border-radius: 6px; border-radius: 6px;
@ -2042,7 +2042,7 @@ a.navbar-item,
.navbar-link.is-active:not(:hover) { .navbar-link.is-active:not(:hover) {
background-color: transparent; } background-color: transparent; }
.navbar-item.has-dropdown:hover .navbar-link, .navbar-item.has-dropdown.is-active .navbar-link { .navbar-item.has-dropdown:hover .navbar-link, .navbar-item.has-dropdown.is-active .navbar-link {
background-color: #111111; } } background-color: #ffffff; } }
.column { .column {
display: block; display: block;
@ -3073,7 +3073,7 @@ a.navbar-item,
.hero.is-dark.is-bold .navbar-menu { .hero.is-dark.is-bold .navbar-menu {
background-image: linear-gradient(141deg, #1f191a 0%, #363636 71%, #46403f 100%); } } background-image: linear-gradient(141deg, #1f191a 0%, #363636 71%, #46403f 100%); } }
.hero.is-primary { .hero.is-primary {
background-color: #ed6a5a; background-color: #00b8d4;
color: #fff; } color: #fff; }
.hero.is-primary a:not(.button):not(.dropdown-item):not(.tag), .hero.is-primary a:not(.button):not(.dropdown-item):not(.tag),
.hero.is-primary strong { .hero.is-primary strong {
@ -3087,14 +3087,14 @@ a.navbar-item,
color: #fff; } color: #fff; }
@media screen and (max-width: 1087px) { @media screen and (max-width: 1087px) {
.hero.is-primary .navbar-menu { .hero.is-primary .navbar-menu {
background-color: #ed6a5a; } } background-color: #00b8d4; } }
.hero.is-primary .navbar-item, .hero.is-primary .navbar-item,
.hero.is-primary .navbar-link { .hero.is-primary .navbar-link {
color: rgba(255, 255, 255, 0.7); } color: rgba(255, 255, 255, 0.7); }
.hero.is-primary a.navbar-item:hover, .hero.is-primary a.navbar-item.is-active, .hero.is-primary a.navbar-item:hover, .hero.is-primary a.navbar-item.is-active,
.hero.is-primary .navbar-link:hover, .hero.is-primary .navbar-link:hover,
.hero.is-primary .navbar-link.is-active { .hero.is-primary .navbar-link.is-active {
background-color: #ea5543; background-color: #00a2bb;
color: #fff; } color: #fff; }
.hero.is-primary .tabs a { .hero.is-primary .tabs a {
color: #fff; color: #fff;
@ -3110,12 +3110,12 @@ a.navbar-item,
.hero.is-primary .tabs.is-boxed li.is-active a, .hero.is-primary .tabs.is-boxed li.is-active a:hover, .hero.is-primary .tabs.is-toggle li.is-active a, .hero.is-primary .tabs.is-toggle li.is-active a:hover { .hero.is-primary .tabs.is-boxed li.is-active a, .hero.is-primary .tabs.is-boxed li.is-active a:hover, .hero.is-primary .tabs.is-toggle li.is-active a, .hero.is-primary .tabs.is-toggle li.is-active a:hover {
background-color: #fff; background-color: #fff;
border-color: #fff; border-color: #fff;
color: #ed6a5a; } color: #00b8d4; }
.hero.is-primary.is-bold { .hero.is-primary.is-bold {
background-image: linear-gradient(141deg, #f4202d 0%, #ed6a5a 71%, #f3926d 100%); } background-image: linear-gradient(141deg, #00a19b 0%, #00b8d4 71%, #00a7ee 100%); }
@media screen and (max-width: 768px) { @media screen and (max-width: 768px) {
.hero.is-primary.is-bold .navbar-menu { .hero.is-primary.is-bold .navbar-menu {
background-image: linear-gradient(141deg, #f4202d 0%, #ed6a5a 71%, #f3926d 100%); } } background-image: linear-gradient(141deg, #00a19b 0%, #00b8d4 71%, #00a7ee 100%); } }
.hero.is-link { .hero.is-link {
background-color: #3273dc; background-color: #3273dc;
color: #fff; } color: #fff; }
@ -7063,7 +7063,7 @@ readers do not read off random characters that represent icons */
font-weight: 900; } font-weight: 900; }
html, body { html, body {
background-color: #111111; } background-color: #ffffff; }
html.modal-open { html.modal-open {
overflow: hidden; } overflow: hidden; }
@ -7087,15 +7087,15 @@ html.modal-open {
animation-delay: 1.8s; } animation-delay: 1.8s; }
a { a {
color: #ed6a5a; } color: #00b8d4; }
a:hover { a:hover {
color: #f4f1bb; color: #000000;
font-style: none; } font-style: none; }
a:active { a:active {
color: #ed6a5a; } color: #00b8d4; }
h1, h2, .title, .subtitle { h1, h2, .title, .subtitle {
color: #75b8c8; } color: #222222; }
.title { .title {
font-weight: 400; } font-weight: 400; }
@ -7105,7 +7105,7 @@ ul {
img { img {
border-radius: 5px; border-radius: 5px;
border: 1px solid #f4f1bb; border: 1px solid #dbdbdb;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4); } box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4); }
hr { hr {
@ -7190,7 +7190,7 @@ pre {
margin-right: auto; } margin-right: auto; }
.navbar-burger:hover { .navbar-burger:hover {
background-color: #111111; } background-color: #ffffff; }
.navbar-item { .navbar-item {
text-transform: uppercase; text-transform: uppercase;
@ -7208,7 +7208,7 @@ pre {
.footer-text { .footer-text {
font-size: 0.8em; } font-size: 0.8em; }
.footer-text a { .footer-text a {
color: #78888b; } color: #4a4a4a; }
.footer-text .fab { .footer-text .fab {
font-size: 0.8em; font-size: 0.8em;
vertical-align: baseline; } vertical-align: baseline; }
@ -7234,7 +7234,7 @@ pre {
box-shadow: none; } box-shadow: none; }
.card-content { .card-content {
background-color: #111111; background-color: #ffffff;
font-size: 1.5rem; } font-size: 1.5rem; }
.has-content-centered { .has-content-centered {
@ -7277,7 +7277,7 @@ pre {
font-size: 1rem; } font-size: 1rem; }
.markdown a:hover { .markdown a:hover {
color: #f4f1bb; } color: #dbdbdb; }
.markdown ul { .markdown ul {
margin-bottom: 1.25rem; margin-bottom: 1.25rem;
@ -7300,7 +7300,7 @@ pre {
position: relative; position: relative;
margin: 1.75rem 0; margin: 1.75rem 0;
border: 0; border: 0;
border-top: 1px solid #f4f1bb; } border-top: 1px solid #dbdbdb; }
.markdown abbr { .markdown abbr {
font-size: 0.8rem; font-size: 0.8rem;
@ -7348,13 +7348,10 @@ pre {
margin: 2rem auto; margin: 2rem auto;
max-width: 100%; } max-width: 100%; }
.modal-card-title { .modal-background {
color: #ed6a5a; } background-color: rgba(255, 255, 255, 0.9); }
.modal-card-body { .modal-close {
background-color: #111111; } background-color: #000000; }
.markdown strong {
color: #78888b; }
/*# sourceMappingURL=main.css.map */ /*# sourceMappingURL=main.css.map */

File diff suppressed because one or more lines are too long

View file

@ -1 +1 @@
{"Target":"css/main.min.f22ac66ea3a9a3f74e522af06e436bd4260c75564c4064a2d037fb6881d2363b.css","MediaType":"text/css","Data":{"Integrity":"sha256-8irGbqOpo/dOUirwbkNr1CYMdVZMQGSi0Df7aIHSNjs="}} {"Target":"css/main.min.5eadc092ca884eb1c4a477c7785d8d816d5d0fa615f454ddb2aaaebdec50e801.css","MediaType":"text/css","Data":{"Integrity":"sha256-Xq3AksqITrHEpHfHeF2NgW1dD6YV9FTdsqquvexQ6AE="}}