Update styling for buttons and dark-theme

This commit is contained in:
syeopite 2021-03-28 20:13:16 -07:00
parent 765041f1b8
commit e34f375cf5
No known key found for this signature in database
GPG key ID: 6FA616E5A5294A82
2 changed files with 21 additions and 8 deletions

View file

@ -197,7 +197,7 @@ img.thumbnail {
border-top: 0; border-top: 0;
border-left: 0; border-left: 0;
border-right: 0; border-right: 0;
border-bottom: 1px solid #ccc; border-bottom: 1px solid #3E4446;
border-radius: 0; border-radius: 0;
padding: initial 0; padding: initial 0;
@ -223,7 +223,7 @@ input[type="search"]::-webkit-search-cancel-button {
/* attract focus to the searchbar by adding a subtle transition */ /* attract focus to the searchbar by adding a subtle transition */
.searchbar .pure-form input[type="search"]:focus { .searchbar .pure-form input[type="search"]:focus {
margin-bottom: 0px; margin-bottom: 0px;
border-bottom: 2px solid #aaa; border-bottom: 2px solid #3E4446;
} }
.user-field { .user-field {
@ -387,13 +387,14 @@ span > select {
color: rgb(0, 182, 240); color: rgb(0, 182, 240);
} }
.dark-theme a { .dark-theme a,
color: #a0a0a0; .dark-theme .footer {
color: #A8A095;
text-decoration: none; text-decoration: none;
} }
body.dark-theme { body.dark-theme {
background-color: rgba(35, 35, 35, 1); background-color: rgba(26, 29, 30, 1);
color: #f0f0f0; color: #f0f0f0;
} }
@ -420,6 +421,18 @@ body.dark-theme {
color: inherit; color: inherit;
} }
.dark-theme .pure-menu-link:hover, .dark-theme .pure-menu-link:active {
background-color: rgb(34, 36, 38)
}
.dark-theme .pure-menu-selected > .pure-menu-link {
color: #EAE7E1;
}
.dark-theme .pure-menu-link:visited {
background-color: transparent;
}
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
.no-theme a:hover, .no-theme a:hover,
.no-theme a:active { .no-theme a:active {

View file

@ -24,9 +24,9 @@
<% {"Default", "Music", "Gaming", "Movies"}.each do |option| %> <% {"Default", "Music", "Gaming", "Movies"}.each do |option| %>
<% if trending_type == option %> <% if trending_type == option %>
<li class="pure-menu-item pure-menu-selected"> <li class="pure-menu-item pure-menu-selected">
<b><a href="/feed/trending?type=<%= option %>&region=<%= region %>" class="pure-menu-link"> <a href="/feed/trending?type=<%= option %>&region=<%= region %>" class="pure-menu-link">
<%= translate(locale, option) %> <b><%= translate(locale, option) %></b>
</a></b> </a>
<% else %> <% else %>
<li class="pure-menu-item"> <li class="pure-menu-item">
<a href="/feed/trending?type=<%= option %>&region=<%= region %>" class="pure-menu-link"> <a href="/feed/trending?type=<%= option %>&region=<%= region %>" class="pure-menu-link">