Layout: Simplify color scheme

3 files changed, 10 insertions, 19 deletions

diff --git a/youtube/static/shared.css b/youtube/static/shared.css
index 611cdb7..de9e03b 100644
--- a/youtube/static/shared.css
+++ b/youtube/static/shared.css
@@ -14,7 +14,7 @@ body{
     color:#222;
     
     
-    background-color:#cccccc;
+    background-color:#bcbcbc;
     
     min-height:100vh;
     display: flex;
@@ -150,7 +150,7 @@ body{
 .horizontal-item-box{
 }
     .item{
-        background-color:#bcbcbc;
+        background-color:#dadada;
         text-decoration:none;
         font-size: 12px;
         color: #767676;
@@ -284,7 +284,7 @@ body{
         text-align: center;
     }
 .sort-button{
-    background-color: #d0d0d0;
+    background-color: #dadada;
     padding: 2px;
     justify-self: start;
 }
diff --git a/youtube/templates/login.html b/youtube/templates/login.html
index 156bc01..13d37ca 100644
--- a/youtube/templates/login.html
+++ b/youtube/templates/login.html
@@ -7,6 +7,8 @@
         margin: auto;
     }
     main form{
+        background-color: #dadada;
+        padding: 10px;
         margin-top:20px;
         display:grid;
         justify-items: start;
@@ -22,7 +24,7 @@
         margin-top:20px;
     }
     #tor-note{
-        background-color: #dddddd;
+        background-color: #dadada;
         padding: 10px;
         margin-top: 40px;
     }
diff --git a/youtube/templates/watch.html b/youtube/templates/watch.html
index 4ddf115..ccb03e3 100644
--- a/youtube/templates/watch.html
+++ b/youtube/templates/watch.html
@@ -8,14 +8,7 @@
         grid-template-columns: 1fr 640px 40px 400px 1fr;
         grid-template-rows: auto auto auto auto;
         align-content: start;
-        background-color:#cccccc;
     }
-        #left{
-            background-color:#bcbcbc;
-            grid-column: 1;
-            grid-row: 1 / span 3;
-
-        }
         video{
             height: 360px;
             width: 640px;
@@ -28,14 +21,13 @@
             grid-template-rows: 0fr 0fr 0fr 20px 0fr 0fr;
             grid-template-columns: 1fr 1fr;
             align-content: start;
-            background-color:#bcbcbc;
         }
             .video-info > .title{
                 grid-column: 1 / span 2;
                 min-width: 0;
             }
             .video-info > .is-unlisted{
-                background-color: #d0d0d0;
+                background-color: #dadada;
                 justify-self:start;
                 padding-left:2px;
                 padding-right:2px;
@@ -71,7 +63,7 @@
                 grid-column: 2;
             }
             .video-info > .description{
-                background-color:#d0d0d0;
+                background-color:#dadada;
                 margin-top:8px;
                 white-space: pre-wrap;
                 min-width: 0;
@@ -83,7 +75,7 @@
             .music-list{
                 grid-row:7;
                 grid-column: 1 / span 2;
-                background-color: #d0d0d0;
+                background-color: #dadada;
             }
                 .music-list table,th,td{
                     border: 1px solid;
@@ -101,7 +93,6 @@
             grid-column: 2;
             grid-row: 3;
             padding-top:10px;
-            background-color:#bcbcbc;
         }
             .comment{
                 width:640px;
@@ -122,6 +113,7 @@
             grid-template-columns: 1fr 640px 40px 1fr;
         }
         #related{
+            margin-top: 10px;
             grid-column: 2;
             grid-row: 3;
         }
@@ -163,9 +155,6 @@
 {% endblock style %}
 
 {% block main %}
-    <div id="left">
-    </div>
-
     <video controls autofocus>
         {% for video_source in video_sources %}
             <source src="{{ video_source['src'] }}" type="{{ video_source['type'] }}">