Switch back to a simpler light theme

context.js

@@ -62,7 +62,7 @@ if (browser.contextualIdentities === undefined) {
 
       for (let identity of identities) {
         let row = document.createElement("div");
-        let span = document.createElement("span");
+        let span = document.createElement("div");
         span.className = "identity";
         span.innerText = identity.name;
         span.style = `color: ${identity.color}`;

home.css

@@ -1,12 +1,11 @@
 * {
   padding: 0;
-  background: #1f1a24;
-  color: #e6e6e7;
+  color: #1f1a24;
   margin: 0
 }
 a,
 button {
-  color: #3b6bbf;
+  color: #1f1a24;
   text-decoration: none;
   background: none;
   font-weight: 700;
@@ -16,7 +15,6 @@ button {
   margin: auto
 }
 .applicationDesc {
-  color: #e6e6e7;
   text-decoration: none;
   font-weight: 700;
   word-wrap: break-word;
@@ -46,7 +44,6 @@ body {
   font-family: "Droid Sans","Noto Sans",Ubuntu,"Segoe UI","Lucida Grande",Verdana,Helvetica,sans-serif;
   margin: 0 auto;
   padding: 0;
-  color: #e6e6e7;
   text-decoration: none;
   font-weight: 700;
   word-wrap: break-word;
@@ -64,7 +61,6 @@ p {
   font-size: 17px;
   font-family: "Droid Sans","Noto Sans",Ubuntu,"Segoe UI","Lucida Grande",Verdana,Helvetica,sans-serif;
   text-decoration: none;
-  color: #e6e6e7;
   font-weight: 700;
   word-wrap: break-word;
   outline: 0
@@ -75,7 +71,7 @@ p {
   margin: 1.5rem;
   display: block;
   border-radius: 2px;
-  min-width: 95%
+  min-width: 100%
 }
 #header,
 .application-info,
@@ -87,7 +83,7 @@ p {
   margin-top: 1.5rem;
   display: block;
   border-radius: 2px;
-  min-width: 95%
+  min-width: 100%
 }
 h1 {
   margin: auto;
@@ -95,6 +91,8 @@ h1 {
   font-weight: 600;
   font-size: 32px;
   color: #e6e6e7;
+  background: #1f1a24;
+  width: 100%;
   border-radius: 2px 2px 0 0
 }
 h2,
@@ -105,7 +103,8 @@ h3 {
   font-size: 25px;
   color: #e6e6e7;
   border-radius: 2px 2px 0 0;
-  width: 90%;
+  background: #1f1a24;
+  width: 100%;
   padding-left: 5%
 }
 h4 {
@@ -115,7 +114,8 @@ h4 {
   font-size: 20px!important;
   color: #41465f;
   border-radius: 2px 2px 0 0;
-  width: 90%;
+  background: #1f1a24;
+  width: 100%;
   padding-left: 5%
 }
 .showhider {
@@ -123,7 +123,6 @@ h4 {
   font-family: "Droid Sans","Noto Sans",Ubuntu,"Segoe UI","Lucida Grande",Verdana,Helvetica,sans-serif;
   border: none;
   padding: 0!important;
-  width: 90%;
   color: #3b6bbf;
   text-decoration: none;
   font-weight: 700;
@@ -141,11 +140,16 @@ h4 {
 }
 ul {
   margin: auto;
-  border-radius: 2px
+  border-radius: 2px;
+  width: 100%;
+  margin: 0;
+  padding: 0
 }
 li {
   display: block;
-  text-align: center
+  text-align: center;
+  margin: 0;
+  padding: 0
 }
 .center {
   display: block;
@@ -260,10 +264,12 @@ button.applicationName {
 }
 img {
   max-width: 100%;
-  width: 90%;
   margin: 3%
 }
 img.readyness {
   height: 100%;
   width: auto
+}
+input {
+  color: #1f1a24
 }

info.css

@@ -1,20 +1,20 @@
 body,
 html {
-  width: 400px
+  width: 450px
 }
 .panel {
   margin: 5px;
-  width: 400px;
-  height: 400px
+  width: 450px;
+  height: 450px
 }
 .panel-section-header {
-  width: 400px
+  width: 450px
 }
 #text-section-torrents-header {
-  width: 400px
+  width: 450px
 }
 span.identity {
-  width: 400px;
+  width: 450px;
   display: block;
   margin-left: 1em
 }
@@ -59,7 +59,7 @@ img.readyness {
   display: none
 }
 .torrent-progress {
-  width: 100%
+  width: 90%
 }
 .tabicon {
   width: 32px

search.css

@@ -20,7 +20,6 @@
   color: #fff
 }
 .topnav input[type=search] {
-  width: 75%;
   padding: 6px;
   border: none;
   margin-top: 8px;
@@ -34,18 +33,4 @@
   margin-top: 8px;
   color: #e6e6e7;
   margin-right: 16px
-}
-@media screen and (max-width: 600px) {
-  .topnav a,
-  .topnav input[type=text] {
-    float: none;
-    display: block;
-    text-align: left;
-    width: 100%;
-    margin: 0;
-    padding: 14px
-  }
-  .topnav input[type=text] {
-    border: 1px solid #ccc
-  }
 }

window.html

@@ -18,7 +18,7 @@
     <div id="browserpanel">
         <div class="panel">
             <div class="section-header panel-section panel-section-header" id="headline">
-                <div class="text-section-header" id="text-section-header">
+                <div class="text-section-header">
                     <h1 id="text-section-header">The Invisible Internet Browser</h1>
                 </div>
             </div>
@@ -70,16 +70,9 @@
 
                     <li class="application"><input id="disable-history" name="disablehistory" type="checkbox" value="history"> <label for="disable-history">Disable History in I2P Tabs</label> <span class="applicationDesc" id="histDesc">History is automatically cleared when your I2P tabs are closed. If you want to clear history as you go, check this box.</span></li>
                 </ul>
-
-                <p>
-                </p>
-
-                <p>
-                </p>
-            </div>
-
-            <div class="panel-section-separator">
             </div>
+            <!--<div class="panel-section-separator">
+            </div>-->
 
             <div class="application-info">
                 <p class="hideIfI2PConsoleOff">
@@ -100,12 +93,6 @@
 
                     <li class="application"><button class="applicationName" id="window-visit-snark" target="_blank">BitTorrent</button> <span class="applicationDesc" id="snark">I2P is capable of anonymous Peer-to-Peer file sharing, to use the built-in bittorrent client go here:</span></li>
                 </ul>
-
-                <p>
-                </p>
-
-                <p>
-                </p>
             </div>
         </div>
     </div>