Welcome to mirror list, hosted at ThFree Co, Russian Federation.

github.com/hauke96/hugo-theme-hamburg.git - Unnamed repository; edit this file 'description' to name the repository.
summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorHauke Stieler <mail@hauke-stieler.de>2019-03-30 02:08:11 +0300
committerHauke Stieler <mail@hauke-stieler.de>2019-03-30 02:13:33 +0300
commitfc1a11e9185cee3c05336108374a7e4b6238f5c6 (patch)
tree5d27a17883ae0d9dca08622d8cb64f3cf30f6115
parent7aba10f614617c568e7d6b7fcdd7e8856b9463b7 (diff)
Simplify and unify color scheme
-rw-r--r--static/css/color-theme.css46
1 files changed, 33 insertions, 13 deletions
diff --git a/static/css/color-theme.css b/static/css/color-theme.css
index c446254..95d42d0 100644
--- a/static/css/color-theme.css
+++ b/static/css/color-theme.css
@@ -1,16 +1,37 @@
/*
From material design color palette:
-#f1f8e9 - Light Green 50
-#7cb342 - Light Green 600
+#dcedc8 - Light Green 100
#558b2f - Light Green 800
-#33691e - Light Green 900
#bdbdbd - Gray 400
#757575 - Gray 600
#000000 - Black
+*/
+
+/* pure colors for hamburg-theme foreign HTML documents */
+.primary-color-very-light {
+ color: #dcedc8;
+}
+
+.primary-color {
+ color: #558b2f;
+}
+
+.gray-light {
+ color: #bdbdbd;
+}
+
+.gray-dark {
+ color: #757575;
+}
+
+.gray-very-dark {
+ color: #424242;
+}
+/*
...1B - 10% transparent
...4D - 30% transparent
...80 - 50% transparent
@@ -39,8 +60,8 @@ From material design color palette:
}
.global-footer .sns-links a:hover {
- border: 1px solid #33691e;
- color: #33691e;
+ border: 1px solid #558b2f;
+ color: #558b2f;
}
/* The whole footer-area */
@@ -54,7 +75,7 @@ From material design color palette:
a:hover,
a:focus {
- color: #33691e;
+ color: #558b2f;
}
/* Tags of articles and pages */
@@ -64,8 +85,7 @@ a:focus {
}
.post-tag a:hover {
- background-color: #f1f8e9;
- color: #bdbdbd;
+ background-color: #dcedc8;
}
.not-found h1 {
@@ -84,15 +104,15 @@ a:focus {
/* Primary buttons are the ones in the page (not in the header) */
.btn-primary {
background-color: transparent;
- border-color: #7cb342;
+ border-color: #558b2f;
color: #558b2f;
}
.btn-primary:focus,
.btn-primary:hover {
- color: #33691e;
- background-color: #fff;
- border-color: #33691e;
+ color: #558b2f;
+ background-color: #dcedc8;
+ border-color: #558b2f;
}
.btn-primary.disabled,
@@ -119,6 +139,6 @@ a.btn-primary.disabled:focus {
}
.info {
- background-color: #393838;
+ background-color: #424242;
color: #fff;
}