Author: Adam <git@apiote.tk>
title gradient from dark bg colour
static/style/style.css | 4 +++- templates/film.html | 2 +-
diff --git a/static/style/style.css b/static/style/style.css index 85358cba10f8b1b741c19e781c426f7361ddd964..2550822f6e81065f6a953e0986df05f177a88f03 100644 --- a/static/style/style.css +++ b/static/style/style.css @@ -73,6 +73,7 @@ --accent: #8b6b04; --accent-dark: #d4af37; --text: #000000; --bg: #ffffff; + --black: #121212; --grey: #888888; --unimportant: #ffffffb2; --error: #892b30; @@ -98,6 +99,7 @@ --accent: #d4af37; --accent-dark: #8b6b04; --text: #ffffff; --bg: #121212; + --black: #121212; --grey: #888888; --unimportant: #ffffffb2; --error: #892b30; @@ -476,7 +478,7 @@ background-color: var(--accent-dark); } .bg-gradient { - background-image: linear-gradient(transparent, black); + background-image: linear-gradient(transparent, var(--black)); } .bg-gradient-down { diff --git a/templates/film.html b/templates/film.html index f32d158c6741ab62042a01b6b4d7bf51be9d69dd..357b8b004c994d2457dfc01342b2381549250574 100644 --- a/templates/film.html +++ b/templates/film.html @@ -117,7 +117,7 @@ {{end}} <form action="/users/{{.State.User.Username}}/experiences/" method="POST" class="margin-tb-_5 margin-lr-1"> <input type="hidden" name="itemId" value="{{.Data.Id}}" /> <input type="hidden" name="itemType" value="film" /> - <button type="submit" class="border-text hover-bg-dark-accent padding-tb-_25 cursor-hand text-black font-2"><span class="padding-lr-_5 material-icon font-2"></span><span class="sans padding-lr-_5">Watched</span></button><label for="watched-datetime-check" class="cursor-hand bg-accent inline-block font-2 relative top-m_3 height-3_3"> + <button type="submit" class="border-text hover-bg-dark-accent padding-tb-_25 cursor-hand text-black font-2"><span class="padding-lr-_5 material-icon font-2"></span><span class="sans padding-lr-_5">Watched</span></button><label for="watched-datetime-check" class="cursor-hand bg-accent inline-block font-2 relative top-m_3 height-3_3 text-black"> <span class="material-icon"></span> </label> <input type="checkbox" id="watched-datetime-check" class="display-none watched-datetime-check" name="isOtherTime" value="true"/>