💄 Switch to dark theme

SoftInstigate · Jun 4, 2024 · 12b3336 · 12b3336
1 parent c746d73
commit 12b3336
Show file tree

Hide file tree

Showing 9 changed files with 51 additions and 44 deletions.
diff --git a/_sass/bootstrap/_card.scss b/_sass/bootstrap/_card.scss
@@ -50,7 +50,7 @@
   // See: https://github.com/twbs/bootstrap/pull/28855
   min-height: 1px;
   padding: $card-spacer-x;
-  color: $card-color;
+  color: black;
 }
 
 .card-title {

diff --git a/_sass/bootstrap/_variables.scss b/_sass/bootstrap/_variables.scss
@@ -697,7 +697,7 @@ $nav-link-padding-y:                .5rem !default;
 $nav-link-padding-x:                1rem !default;
 $nav-link-disabled-color:           $gray-600 !default;
 
-$nav-tabs-border-color:             $gray-300 !default;
+$nav-tabs-border-color:             $gray-700 !default;
 $nav-tabs-border-width:             $border-width !default;
 $nav-tabs-border-radius:            $border-radius !default;
 $nav-tabs-link-hover-border-color:  $gray-200 $gray-200 $nav-tabs-border-color !default;

diff --git a/_sass/layout.scss b/_sass/layout.scss
@@ -915,7 +915,7 @@ hr {
     font-size: 14px;
     line-height: 1.67;
     text-align: left;
-    color: #666666;
+    color: white;
 }
 
 .date {
@@ -987,7 +987,7 @@ ul.socialNetwork li {
 
 .examples .nav-item .nav-link,
 .examples .nav-link {
-    background: #fff;
+    background: #2f2f2f;
     color: var(--primarycolor);
     padding: 1rem 1rem;
     border: none;
@@ -997,7 +997,7 @@ ul.socialNetwork li {
 .examples .nav-item.show .nav-link,
 .examples .nav-link.active {
     color: #fff;
-    background-color: var(--black);
+    background-color: black;
 }
 
 .examples__title {
@@ -1018,16 +1018,16 @@ ul.socialNetwork li {
     height: calc(100vh - 4rem);
     z-index: 10;
     overflow-y: auto;
-    border-left: 1px solid #e8e8e8;
-    background-color: #fcfcfc;
+    border-left: 1px solid rgba(0,0,0,.1);
+    background-color: rgba(0,0,0,.6);
     padding: 15px 15px 15px 5px;
 }
 
 .bd-toc ul {
     padding-left: 0;
     margin-left: 0.2em;
     list-style: none;
-    font-size: 0.9rem;
+    font-size: 1.1rem;
     line-height: 1.6;
 }
 
@@ -1042,7 +1042,7 @@ ul.socialNetwork li {
 }
 
 .bd-toc a {
-    color: #666;
+    color: white;
 }
 
 @media (min-width: 768px) {
@@ -1052,7 +1052,7 @@ ul.socialNetwork li {
         top: 4rem;
         height: calc(100vh - 4rem);
         z-index: 10;
-        border-right: 1px solid #e8e8e8;
+        border: 1px solid rgba(0,0,0,.1);
         padding: 0;
     }
 
@@ -1120,7 +1120,7 @@ ul.socialNetwork li {
     font-weight: 300;
     line-height: 1.3;
     text-align: left;
-    color: #666666;
+    color: white;
 }
 
 .bd-sidebar__menu ul {
@@ -1151,11 +1151,11 @@ ul.socialNetwork li {
 
 .bd-sidebar__menu li {
     padding: 0.2em 0;
-    font-size: 0.9em;
+    font-size: 1.1rem;
 }
 
 .bd-sidebar__menu li a {
-    color: #666666;
+    color: white;
 }
 
 .docs-head {

diff --git a/contact.md b/contact.md
@@ -2,7 +2,7 @@
 layout: default
 ---
 
-<div class="h-100 jumbotron jumbotron-fluid background-primary my-0 pt-3">
+<div class="h-100 jumbotron jumbotron-fluid background-black my-0 pt-3">
     <div class="d-flex justify-content-center align-content-end w-100 h-100 pt-5">
         <div class="row text-center">
         <div class="col-12 my-2">
@@ -23,7 +23,7 @@ layout: default
 
 <div class="mb-5">
         <div class="d-flex justify-content-center">
-            <div class="mt-4 mx-auto rounded p-2 bg-white">
+            <div class="mt-4 mx-auto rounded p-2">
                 <h2 class="text-center m-0"><strong>RESTHeart</strong> is a division of
                 <strong><a href="https://softinstigate.com">SoftInstigate</a></strong></h2>
             </div>

diff --git a/css/asciidoctor.css b/css/asciidoctor.css
@@ -44,7 +44,7 @@ a:focus{outline:thin dotted}
 a:active,a:hover{outline:0}
 h1{font-family: 'Space Mono', sans-serif;font-size:2em;margin:.67em 0}
 h2{font-family: 'Space Mono', sans-serif}
-.doc p,blockquote,dt,td.content,span.alt{font-size:1rem}
+.doc p,blockquote,dt,td.content,span.alt{font-size:1.3rem}
 abbr[title]{border-bottom:1px dotted}
 b,strong{font-weight:bold}
 dfn{font-style:italic}
@@ -75,7 +75,7 @@ textarea{overflow:auto;vertical-align:top}
 table{border-collapse:collapse;border-spacing:0}
 *,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
 html,body{font-size:100%}
-body{background:#fff;color:rgba(0,0,0,.8);padding:0;margin:0;font-weight:400;font-style:normal;line-height:1;position:relative;cursor:auto}
+body{background-color:black;color:white;padding:0;margin:0;font-weight:400;font-style:normal;line-height:1;position:relative;cursor:auto}
 a:hover{cursor:pointer}
 img,object,embed{max-width:100%;height:auto}
 object,embed{height:100%}
@@ -131,34 +131,34 @@ blockquote{margin:0 0 1.25em;padding:.5625em 1.25em 0 1.1875em;border-left:1px s
 blockquote cite{display:block;font-size:.9375em;color:rgba(0,0,0,.6)}
 blockquote cite:before{content:"\2014 \0020"}
 blockquote cite a,blockquote cite a:visited{color:rgba(0,0,0,.6)}
-blockquote,blockquote p{line-height:1.6;color:rgba(0,0,0,.85)}
+blockquote,blockquote p{line-height:1.6;color:white}
 @media only screen and (min-width:768px){h1,h2,h3,#toctitle,.sidebarblock>.content>.title,h4,h5,h6{line-height:1.2}
 h1{font-size:2.75em}
 h2{font-size:2.3125em}
 h3,#toctitle,.sidebarblock>.content>.title{font-size:1.6875em}
 h4{font-size:1.4375em}}
-table{background:#fff;margin-bottom:1.25em;border:solid 1px #dedede}
+table{margin-bottom:1.25em;border:solid 1px #dedede}
 table thead,table tfoot{background:#f7f8f7;font-weight:bold}
 table thead tr th,table thead tr td,table tfoot tr th,table tfoot tr td{padding:.5em .625em .625em;font-size:inherit;color:rgba(0,0,0,.8);text-align:left}
-table tr th,table tr td{padding:.5625em .625em;font-size:inherit;color:rgba(0,0,0,.8)}
-table tr.even,table tr.alt,table tr:nth-of-type(even){background:#f8f8f7}
+table tr th,table tr td{padding:.5625em .625em;font-size:inherit;color: white}
+table tr.even,table tr.alt,table tr:nth-of-type(even){background:rgba(53, 52, 52, 0.6)}
 table thead tr th,table tfoot tr th,table tbody tr td,table tr td,table tfoot tr td{display:table-cell;line-height:1.6}
 body{tab-size:4}
 h1,h2,h3,#toctitle,.sidebarblock>.content>.title,h4,h5,h6{line-height:1.2;word-spacing:-.05em}
 h1 strong,h2 strong,h3 strong,#toctitle strong,.sidebarblock>.content>.title strong,h4 strong,h5 strong,h6 strong{font-weight:400}
 .clearfix:before,.clearfix:after,.float-group:before,.float-group:after{content:" ";display:table}
 .clearfix:after,.float-group:after{clear:both}
-*:not(pre)>code{font-size:1rem;font-style:normal!important;letter-spacing:0;padding:.1em .5ex;word-spacing:-.15em;background-color:#f7f7f8;-webkit-border-radius:4px;border-radius:4px;line-height:1.45;text-rendering:optimizeSpeed}
+*:not(pre)>code{font-size:1rem;font-style:normal!important;letter-spacing:0;padding:.1em .5ex;word-spacing:-.15em;-webkit-border-radius:4px;border-radius:4px;line-height:1.45;text-rendering:optimizeSpeed}
 pre,pre>code{line-height:1.45;font-family:"Space Mono",monospace;font-weight:400;text-rendering:optimizeSpeed}
 .keyseq{color:rgba(51,51,51,.8)}
-kbd{font-family:"Space Mono",monospace;display:inline-block;color:rgba(0,0,0,.8);font-size:.65em;line-height:1.45;background-color:#f7f7f7;border:1px solid #ccc;-webkit-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 1px 0 rgba(0,0,0,.2),0 0 0 .1em white inset;box-shadow:0 1px 0 rgba(0,0,0,.2),0 0 0 .1em #fff inset;margin:0 .15em;padding:.2em .5em;vertical-align:middle;position:relative;top:-.1em;white-space:nowrap}
+kbd{font-family:"Space Mono",monospace;display:inline-block;color:rgba(0,0,0,.8);font-size:.65em;line-height:1.45;border:1px solid #ccc;-webkit-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 1px 0 rgba(0,0,0,.2),0 0 0 .1em white inset;box-shadow:0 1px 0 rgba(0,0,0,.2),0 0 0 .1em #fff inset;margin:0 .15em;padding:.2em .5em;vertical-align:middle;position:relative;top:-.1em;white-space:nowrap}
 .keyseq kbd:first-child{margin-left:0}
 .keyseq kbd:last-child{margin-right:0}
 .menuseq,.menu{color:rgba(0,0,0,.8)}
 b.button:before,b.button:after{position:relative;top:-1px;font-weight:400}
 b.button:before{content:"[";padding:0 3px 0 2px}
 b.button:after{content:"]";padding:0 2px 0 3px}
-p a>code:hover{color:rgba(0,0,0,.9)}
+p a>code:hover{color:black}
 #header,#content,#footnotes,#footer{width:100%;margin-left:auto;margin-right:auto;margin-top:0;margin-bottom:0;max-width:62.5em;*zoom:1;position:relative;padding-left:.9375em;padding-right:.9375em}
 #header:before,#header:after,#content:before,#content:after,#footnotes:before,#footnotes:after,#footer:before,#footer:after{content:" ";display:table}
 #header:after,#content:after,#footnotes:after,#footer:after{clear:both}
@@ -220,7 +220,7 @@ table.tableblock #preamble>.sectionbody>.paragraph:first-of-type p{font-size:inh
 .admonitionblock>table td.icon{text-align:center;width:80px}
 .admonitionblock>table td.icon img{max-width:none}
 .admonitionblock>table td.icon .title{font-weight:bold;font-family:"Open Sans","DejaVu Sans",sans-serif;text-transform:uppercase}
-.admonitionblock>table td.content{padding-left:1.125em;padding-right:1.25em;border-left:1px solid #ddddd8;color:rgba(0,0,0,.6)}
+.admonitionblock>table td.content{padding-left:1.125em;padding-right:1.25em;border-left:1px solid #ddddd8}
 .admonitionblock>table td.content>:last-child>:last-child{margin-bottom:0}
 .exampleblock>.content{border-style:solid;border-width:1px;border-color:#e6e6e6;margin-bottom:1.25em;padding:1.25em;background:#fff;-webkit-border-radius:4px;border-radius:4px}
 .exampleblock>.content>:first-child{margin-top:0}
@@ -236,7 +236,7 @@ table.tableblock #preamble>.sectionbody>.paragraph:first-of-type p{font-size:inh
 .literalblock pre.nowrap,.literalblock pre[class].nowrap,.listingblock pre.nowrap,.listingblock pre[class].nowrap{overflow-x:auto;white-space:pre;word-wrap:normal}
 @media only screen and (min-width:768px){.literalblock pre,.literalblock pre[class],.listingblock pre,.listingblock pre[class]{font-size:.90625em}}
 @media only screen and (min-width:1280px){.literalblock pre,.literalblock pre[class],.listingblock pre,.listingblock pre[class]{font-size:1em}}
-.literalblock.output pre{color:#f7f7f8;background-color:rgba(0,0,0,.9)}
+.literalblock.output pre{color:#f7f7f8;background-color:black}
 .listingblock pre.highlightjs{padding:0}
 .listingblock pre.highlightjs>code{padding:1em;-webkit-border-radius:4px;border-radius:4px}
 .listingblock pre.prettyprint{border-width:0}
@@ -253,7 +253,7 @@ pre.pygments .lineno{display:inline-block;margin-right:.25em}
 table.pyhltable .linenodiv{background:none!important;padding-right:0!important}
 .quoteblock{margin:0 1em 1.25em 1.5em;display:table}
 .quoteblock>.title{margin-left:-1.5em;margin-bottom:.75em}
-.quoteblock blockquote,.quoteblock blockquote p{color:rgba(0,0,0,.85);font-size:1.15rem;line-height:1.75;word-spacing:.1em;letter-spacing:0;font-style:italic;text-align:justify}
+.quoteblock blockquote,.quoteblock blockquote p{color:white;font-size:1.15rem;line-height:1.75;word-spacing:.1em;letter-spacing:0;font-style:italic;text-align:justify}
 .quoteblock blockquote{margin:0;padding:0;border:0}
 .quoteblock blockquote>.paragraph:last-child p{margin-bottom:0}
 .quoteblock .attribution{margin-top:.5em;margin-right:.5ex;text-align:right}
@@ -270,7 +270,7 @@ table.pyhltable .linenodiv{background:none!important;padding-right:0!important}
 .quoteblock.abstract{margin:0 0 1.25em 0;display:block}
 .quoteblock.abstract blockquote,.quoteblock.abstract blockquote p{text-align:left;word-spacing:0}
 .quoteblock.abstract blockquote:before,.quoteblock.abstract blockquote p:first-of-type:before{display:none}
-table.tableblock{max-width:100%;border-collapse:separate}
+table.tableblock{max-width:100%;border-collapse:separate; back}
 table.tableblock td>.paragraph:last-child p>p:last-child,table.tableblock th>p:last-child,table.tableblock td>p:last-child{margin-bottom:0}
 table.tableblock,th.tableblock,td.tableblock{border:0 solid #dedede}
 table.grid-all th.tableblock,table.grid-all td.tableblock{border-width:0 1px 1px 0}
@@ -352,8 +352,8 @@ div.unbreakable{page-break-inside:avoid}
 .line-through{text-decoration:line-through}
 .aqua{color:#00bfbf}
 .aqua-background{background-color:#00fafa}
-.black{color:#021a02}
-.black-background{background-color:#222222}
+.black{color:#cccccc}
+.black-background{background-color: black;}
 .blue{color:#0000bf}
 .blue-background{background-color:#0000fa}
 .fuchsia{color:#bf00bf}

diff --git a/css/fedora.css b/css/fedora.css
@@ -7,7 +7,7 @@
 /* Change the values in root for quick customisation. If you want even more fine grain... venture further. */
 :root{
 --maincolor:#dbdada;
---primarycolor:#3e729c; /* Blue  #0f68bb */
+--primarycolor:#4a9ee4; /* Blue  #0f68bb */
 --secondarycolor:#294172; /* Fedora Drak Blue */
 --tertiarycolor:#CCCCCC;
 --highlightcolor: #e59728;   /* #e59728; Features Orange #c3c209 */
@@ -25,7 +25,7 @@ body{background-color: var(--maincolor);color:var(--black);}
 h1{color:var(--primarycolor) !important;}
 h2,h3,h4,h5,h6{color:var(--primarycolor) !important;}
 .primary{color:var(--primarycolor) !important;}
-.title{color:var(--black) !important;font-style: normal; font-weight: normal;}
+.title{font-style: normal; font-weight: normal;}
 a{text-decoration: none;}
 #toc.toc2 a:link{color:var(--linkcolor);}
 blockquote{color:var(--linkcoloralternate) !important}

diff --git a/css/main.scss b/css/main.scss
@@ -23,7 +23,7 @@ $base-line-height: 1.5;
 $spacing-unit: 30px;
 
 $text-color: #111;
-$background-color: #fdfdfd;
+$background-color: black;
 $brand-color: #2a7ae2;
 
 $grey-color: #828282;
@@ -37,7 +37,17 @@ $on-palm: 600px;
 $on-laptop: 800px;
 
 body {
-    background: #fff;
+    background-color: $background-color;
+    color: white;
+}
+
+pre {
+  background-color: black !important;
+  color: white;
+}
+
+text-black {
+  color: black;
 }
 
 @mixin media-query($device) {
@@ -72,6 +82,10 @@ body {
     }
 }
 
+.background-black {
+  background-color: black;
+}
+
 .text-break {
     overflow-wrap: break-word;
     word-break: break-word;

diff --git a/docs/v7/graphql-redirect.md b/docs/v7/graphql-redirect.md
diff --git a/index.md b/index.md
@@ -3,7 +3,7 @@ layout: default
 stars-bounce: true
 ---
 
-<section id="top" class="black-background text-center pt-2 pb-2">
+<section id="top" class="text-center pt-2 pb-2">
     <div class="mt-0 mb-4">
         <img width="160" src="/images/RESTHeart-logo.png">
         <h1 class="mt-1 top-1 text-break"><strong>REST</strong>Heart</h1>
@@ -33,7 +33,7 @@ stars-bounce: true
     <img src="/images/restheart.gif" class="img-fluid"/>
 </div>
 
-<section id="article-at-aws-blog" class="call-to-action black-background">
+<!-- <section id="article-at-aws-blog" class="call-to-action black-background">
     <div class="container-fluid">
         <div class="row">
             <div class="col-md-12 call-to-action__item call-to-action__first text-center">
@@ -51,7 +51,7 @@ stars-bounce: true
             </div>
         </div>
     </div>
-</section>
+</section> -->
 
 <!-- just to make anchor link go to the right height -->
 <div id="features" class="pb-4"></div>