Use color-inverted logo

This commit is contained in:
Kumi 2023-11-05 10:36:47 +01:00
parent 81420b7b38
commit e0f1682eb2
Signed by: kumi
GPG key ID: ECBCC9082395383F
5 changed files with 9 additions and 10 deletions

View file

@ -12,10 +12,9 @@ footer a {
margin-bottom: 20px;
}
/* Limit size of navbar logo and invert it */
/* Limit size of navbar logo */
.navbar-brand-img {
max-height: 50px;
filter: invert(50%);
margin-right: 10px;
}

View file

@ -8,7 +8,7 @@
<title>Private.coffee</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="icon" type="image/svg+xml" href="assets/img/logo.svg" />
<link rel="icon" type="image/svg+xml" href="assets/img/logo-inv.svg" />
<link rel="stylesheet" href="assets/css/base.css" />
<link rel="stylesheet" href="dist/css/bootstrap.min.css" />
<script src="dist/js/jquery.min.js"></script>
@ -21,7 +21,7 @@
<a class="navbar-brand" href="/">
<img
class="navbar-brand-img"
src="assets/img/logo.svg"
src="assets/img/logo-inv.svg"
alt="Private.coffee logo"
/>
Private.coffee

View file

@ -8,7 +8,7 @@
<title>Private.coffee</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="icon" type="image/svg+xml" href="/assets/img/logo.svg" />
<link rel="icon" type="image/svg+xml" href="/assets/img/logo-inv.svg" />
<link rel="stylesheet" href="/assets/css/base.css" />
<link rel="stylesheet" href="/dist/css/bootstrap.min.css" />
<script src="/dist/js/jquery.min.js"></script>
@ -21,7 +21,7 @@
<a class="navbar-brand" href="/">
<img
class="navbar-brand-img"
src="/assets/img/logo.svg"
src="/assets/img/logo-inv.svg"
alt="Private.coffee logo"
/>
Private.coffee

View file

@ -8,7 +8,7 @@
<title>Private.coffee</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="icon" type="image/svg+xml" href="/assets/img/logo.svg" />
<link rel="icon" type="image/svg+xml" href="/assets/img/logo-inv.svg" />
<link rel="stylesheet" href="/assets/css/base.css" />
<link rel="stylesheet" href="/dist/css/bootstrap.min.css" />
<script src="/dist/js/jquery.min.js"></script>
@ -21,7 +21,7 @@
<a class="navbar-brand" href="/">
<img
class="navbar-brand-img"
src="/assets/img/logo.svg"
src="/assets/img/logo-inv.svg"
alt="Private.coffee logo"
/>
Private.coffee

View file

@ -8,7 +8,7 @@
<title>Private.coffee</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="icon" type="image/svg+xml" href="/assets/img/logo.svg" />
<link rel="icon" type="image/svg+xml" href="/assets/img/logo-inv.svg" />
<link rel="stylesheet" href="/assets/css/base.css" />
<link rel="stylesheet" href="/dist/css/bootstrap.min.css" />
<script src="/dist/js/jquery.min.js"></script>
@ -21,7 +21,7 @@
<a class="navbar-brand" href="/">
<img
class="navbar-brand-img"
src="/assets/img/logo.svg"
src="/assets/img/logo-inv.svg"
alt="Private.coffee logo"
/>
Private.coffee