diff --git a/docker/ploughshares/static/css/custom.css b/docker/ploughshares/static/css/custom.css index 5e542f3..c98fbe5 100644 --- a/docker/ploughshares/static/css/custom.css +++ b/docker/ploughshares/static/css/custom.css @@ -38,14 +38,20 @@ body { } /* Logo styles */ -.logo { +.logo-container { + display: flex; + align-items: center; +} + +.navbar-brand img { max-height: 40px; + width: auto; margin-right: 10px; } -.navbar-brand { - display: flex; - align-items: center; +.footer img { + height: 24px; + width: auto; } /* Currency styles */ @@ -111,4 +117,37 @@ td.amount-cell { display: flex; align-items: center; justify-content: center; +} + +/* Ploughshares branding colors */ +:root { + --ploughshares-blue: #1b365d; + --ploughshares-light-blue: #4a7aab; + --ploughshares-accent: #c4d600; +} + +.navbar { + background-color: var(--ploughshares-blue) !important; +} + +.navbar-light .navbar-nav .nav-link { + color: white; +} + +.navbar-light .navbar-nav .nav-link:hover { + color: var(--ploughshares-accent); +} + +.navbar-light .navbar-toggler { + border-color: rgba(255,255,255,0.5); +} + +.navbar-light .navbar-toggler-icon::before { + color: white; +} + +@media (max-width: 768px) { + .navbar-brand img { + max-height: 30px; + } } \ No newline at end of file diff --git a/docker/ploughshares/static/favicon.ico b/docker/ploughshares/static/favicon.ico index 53ada59..cc172ba 100644 Binary files a/docker/ploughshares/static/favicon.ico and b/docker/ploughshares/static/favicon.ico differ diff --git a/docker/ploughshares/static/img/logo-icon.png b/docker/ploughshares/static/img/logo-icon.png new file mode 100644 index 0000000..90a9c33 Binary files /dev/null and b/docker/ploughshares/static/img/logo-icon.png differ diff --git a/docker/ploughshares/static/img/logo.png b/docker/ploughshares/static/img/logo.png new file mode 100644 index 0000000..15f1609 Binary files /dev/null and b/docker/ploughshares/static/img/logo.png differ diff --git a/docker/ploughshares/templates/base.html b/docker/ploughshares/templates/base.html index 98e5a03..54ea660 100644 --- a/docker/ploughshares/templates/base.html +++ b/docker/ploughshares/templates/base.html @@ -4,10 +4,21 @@