use openwrt branding (#6)

Co-authored-by: Moritz Warning <moritzwarning@web.de>

diff --git a/index.css b/index.css
index ba0678566ee58f2db843509244f365f1a3300988..90a8801234d519c0a5933f1f3c064570e88ab595 100644 (file)
--- a/index.css
+++ b/index.css
@@ -57,7 +57,7 @@ header {
   width: 100%;
   z-index: 1100;
   box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12);
-  background-color: #3F51B5;
+  background-color: #00A3E1;
 }
 
 h6 {
@@ -111,7 +111,7 @@ header > div {
 
 #language-selection {
   color: #fff;
-  background-color: #009688;
+  background-color: #1084b2;
   box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 3px 1px -2px
   rgba(0,0,0,0.12);
   padding: 6px 16px;
@@ -137,11 +137,11 @@ header > div {
   align-items: center;
   box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 3px 1px -2px rgba(0,0,0,0.12);
   color: #fff;
-  background-color: #3F51B5;
+  background-color: #00A3E1;
 }
 
 .download-link:hover {
-  background-color: #293680
+  background-color: #038fc6
 }
 
 .download-link :first-child {

diff --git a/index.html b/index.html
index db35d81c91c0ac887671cd65954b1953faf5628f..ea9037822d417b1b89fe685947fd0d2753949f19 100644 (file)
--- a/index.html
+++ b/index.html
@@ -10,7 +10,10 @@
 
 <header>
        <div>
+<!--
                <h6 class="tr-title">OpenWrt Firmware Selector</h6>
+-->
+               <img src="logo.png" alt="Logo">
                <div style="flex-grow: 1;"></div>
 
                <select id="language-selection" onchange="changeLanguage(this.children[this.selectedIndex].value);" size="1">

diff --git a/logo.png b/logo.png
new file mode 100644 (file)
index 0000000..8500f9b
Binary files /dev/null and b/logo.png differ