Layout: Add themes

This commit is contained in:
James Taylor
2019-08-25 15:25:24 -07:00
parent 609244e34f
commit e9b16ef71f
12 changed files with 79 additions and 21 deletions

View File

@@ -4,6 +4,7 @@
<meta charset="utf-8">
<title>{{ page_title }}</title>
<meta http-equiv="Content-Security-Policy" content="default-src 'self' 'unsafe-inline'; script-src 'none'; media-src 'self' https://*.googlevideo.com">
<link href="{{ theme_path }}" type="text/css" rel="stylesheet">
<link href="/youtube.com/static/shared.css" type="text/css" rel="stylesheet">
<link href="/youtube.com/static/comments.css" type="text/css" rel="stylesheet">
<link href="/youtube.com/static/favicon.ico" type="image/x-icon" rel="icon">

View File

@@ -31,7 +31,7 @@
grid-auto-flow: column;
justify-content:start;
background-color: #aaaaaa;
background-color: var(--interface-color);
padding: 3px;
padding-left: 6px;
}
@@ -44,7 +44,6 @@
padding-top: 8px;
padding-bottom: 8px;
padding-left: 6px;
background-color: #bababa;
margin-bottom: 10px;
}
#number-of-results{

View File

@@ -2,7 +2,7 @@
{% extends "base.html" %}
{% block style %}
ul {
background-color: #dadada;
background-color: var(--interface-color);
padding: 20px;
width: 400px;
margin: auto;

View File

@@ -7,7 +7,7 @@
margin: auto;
}
main form{
background-color: #dadada;
background-color: var(--interface-color);
padding: 10px;
margin-top:20px;
display:grid;
@@ -24,7 +24,7 @@
margin-top:20px;
}
#tor-note{
background-color: #dadada;
background-color: var(--interface-color);
padding: 10px;
margin-top: 40px;
}

View File

@@ -4,7 +4,7 @@
{% import "comments.html" as comments %}
{% block style %}
details > summary{
background-color: #dadada;
background-color: var(--interface-color);
border-style: outset;
border-width: 2px;
font-weight: bold;
@@ -22,7 +22,7 @@
width: {{ theater_video_target_width }}px;
max-height: {{ video_height }}px;
margin-bottom: 10px;
background-color: #bcbcbc;
background-color: var(--background-color);
}
.related-videos-outer{
grid-row: 2 /span 3;
@@ -62,7 +62,7 @@
min-width: 0;
}
.video-info > .is-unlisted{
background-color: #dadada;
background-color: var(--interface-color);
justify-self:start;
padding-left:2px;
padding-right:2px;
@@ -99,7 +99,7 @@
grid-column: 2;
}
.video-info > .description{
background-color:#dadada;
background-color:var(--interface-color);
margin-top:8px;
white-space: pre-wrap;
min-width: 0;
@@ -111,7 +111,7 @@
.music-list{
grid-row:8;
grid-column: 1 / span 2;
background-color: #dadada;
background-color: var(--interface-color);
}
.music-list table,th,td{
border: 1px solid;
@@ -165,7 +165,7 @@
}
.download-dropdown-content{
background-color: #dadada;
background-color: var(--interface-color);
padding: 10px;
list-style: none;
margin: 0px;