diff --git a/src/Element/Nip05.css b/src/Element/Nip05.css index d9d6f0ec..1cd799ae 100644 --- a/src/Element/Nip05.css +++ b/src/Element/Nip05.css @@ -1,6 +1,7 @@ .nip05 { justify-content: flex-start; align-items: center; + font-weight: normal; } .nip05.failed { @@ -9,12 +10,10 @@ .nip05 .nick { color: var(--font-secondary-color); - font-weight: bold; } .nip05 .domain { color: var(--gray-light); - font-weight: bold; margin-left: .2em; -webkit-background-clip: text; -webkit-text-fill-color: transparent; diff --git a/src/Element/Note.css b/src/Element/Note.css index 965090c8..fe2d9293 100644 --- a/src/Element/Note.css +++ b/src/Element/Note.css @@ -148,6 +148,7 @@ .note.active>.header>.info { color: var(--font-tertiary-color); + font-weight: 500; } .note.active>.footer>.reaction-pill { diff --git a/src/Element/ProfileImage.css b/src/Element/ProfileImage.css index 65ff650e..7ae74f3b 100644 --- a/src/Element/ProfileImage.css +++ b/src/Element/ProfileImage.css @@ -26,11 +26,10 @@ display: flex; flex-direction: column; align-items: flex-start; - font-weight: bold; + font-weight: 600; } .pfp .profile-name { display: flex; flex-direction: column; } - diff --git a/src/Element/Text.css b/src/Element/Text.css index dc5c2afb..0b13975f 100644 --- a/src/Element/Text.css +++ b/src/Element/Text.css @@ -1,3 +1,8 @@ +.text { + font-size: var(--font-size); + line-height: 24px; +} + .text a { color: var(--highlight); text-decoration: none; diff --git a/src/Pages/Layout.css b/src/Pages/Layout.css index d8664c1a..26a193ce 100644 --- a/src/Pages/Layout.css +++ b/src/Pages/Layout.css @@ -1,7 +1,8 @@ .logo { cursor: pointer; - font-weight: bold; + font-weight: 700; font-size: 29px; + line-height: 23px; } header { diff --git a/src/index.css b/src/index.css index 526ea45b..33e6348a 100644 --- a/src/index.css +++ b/src/index.css @@ -1,4 +1,4 @@ -@import url('https://fonts.googleapis.com/css2?family=Be+Bietnam+Pro:wght@400;600;700&display=swap'); +@import url('https://fonts.googleapis.com/css2?family=Be+Bietnam+Pro:wght@400;500;600;700&display=swap'); :root { --bg-color: #000; @@ -113,7 +113,7 @@ html.light .card { button { cursor: pointer; padding: 6px 12px; - font-weight: bold; + font-weight: 700; color: white; font-size: var(--font-size); background-color: var(--highlight); @@ -165,7 +165,7 @@ button.secondary:hover { border: 2px solid; background-color: var(--gray-secondary); color: var(--font-color); - font-weight: bold; + font-weight: 700; } .btn.disabled { @@ -388,7 +388,7 @@ body.scroll-lock { } .tabs .active { - font-weight: bold; + font-weight: 700; } .error { @@ -412,7 +412,8 @@ body.scroll-lock { .tab { border-bottom: 1px solid var(--gray-secondary); - font-weight: bold; + font-weight: 700; + line-height: 19px; color: var(--font-secondary-color); padding: 8px 0; }