diff --git a/src/style.css b/src/style.css
index 15ef82c4b..73a99ee8b 100644
--- a/src/style.css
+++ b/src/style.css
@@ -1,26 +1,20 @@
/* ---------------------------- Global Styles ------------------------------- */
-body {
- padding-top: 4.5rem;
- padding-left: 1rem;
- padding-right: 1rem;
- padding-bottom: 3rem;
- color: #5a5a5a;
- background-color: rgb(245, 245, 245);
+:root {
+ --bg-color: rgb(245, 245, 245);
+ --text-color: #15141A;
}
-a {
- color: #0d0d0d;
-}
-
-a:hover {
- color: #1595fe;
+body {
+ padding: 4.5rem 1rem 3rem;
+ color: var(--text-color);
+ background-color: var(--bg-color);
}
/* -------------------------------- navbar ---------------------------------- */
.navbar {
- background-color: rgb(245, 245, 245, 0.6);
+ background-color: rgb(var(--bg-color), 0.6);
backdrop-filter: blur(10px);
border-bottom: 0.25px solid #999;
-webkit-backdrop-filter: blur(10px);
@@ -30,19 +24,24 @@ a:hover {
transition: 0.3s background-color;
text-align: center;
background-color: transparent;
- padding: 0rem 1rem;
+ padding: 0 1rem;
text-decoration: none;
border-radius: 0.3rem;
}
.navbar li:hover {
- background-color: #d0cccd;
+ background-color: #eacb4d;
}
.navbar li .nav-link {
color: #0d0d0d;
}
+.nav-link svg {
+ vertical-align: middle;
+}
+
+
/* ----------------------- Cards and card columns --------------------------- */
.row > [class^="col-"] {
@@ -128,4 +127,7 @@ td[data-label="warnings"], td[data-label="lint"] {
left: 10px;
position: absolute;
}
+ td[data-label="warnings"], td[data-label="lint"] {
+ text-align: left;
+ }
}
diff --git a/templates/base.html.jinja b/templates/base.html.jinja
index b5186fb53..ff4051771 100644
--- a/templates/base.html.jinja
+++ b/templates/base.html.jinja
@@ -18,8 +18,8 @@
@@ -32,10 +32,22 @@
- Translation Dashboard
+