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; margin-bottom: 20px;
} }
/* Limit size of navbar logo and invert it */ /* Limit size of navbar logo */
.navbar-brand-img { .navbar-brand-img {
max-height: 50px; max-height: 50px;
filter: invert(50%);
margin-right: 10px; margin-right: 10px;
} }

View file

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

View file

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

View file

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

View file

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