From 493d9edc96edbf452b0e2481a0858fce57d3a92b Mon Sep 17 00:00:00 2001
From: betalars <contact@betalars.de>
Date: Thu, 24 Mar 2022 00:01:25 +0100
Subject: [PATCH] Fixed background Color issues and added div for first h2
---
styleguide-website/index.html | 4 +++-
styleguide-website/styleguide.css | 11 ++++++-----
2 files changed, 9 insertions(+), 6 deletions(-)
diff --git a/styleguide-website/index.html b/styleguide-website/index.html
index 6340f14..0918d18 100644
--- a/styleguide-website/index.html
+++ b/styleguide-website/index.html
@@ -19,7 +19,9 @@
</div>
<!-- Lights on, reduce motion etc. -->
<section aria-labelledby="vision">
- <h2 id="vision"> Gesellschaften in Blasen </h2>
+ <div>
+ <h2 id="vision"> Gesellschaften in Blasen </h2>
+ </div>
<img src="img/bridging-bubbles-cityscape.jpg" id="vision-img"
alt="Eine Card10 schwebt in einer orangenen Seifenblase umgeben von Rauch auf einem leuchtenden Plateu. Auf dem Display ein text: Divoc - バブルス ブリッジ. Im Hintergrund ist eine grün schimmernde futuristische Stadt von Oben zu sehen. Ganz weit entfernt hinter einer Häusershlucht umgibt eine riesige blaue Seifenblase mit eine fliegende Untertasse. Die Antenne sieht etwas aus, wie der Berliner Fernsehturm."/>
<p>
diff --git a/styleguide-website/styleguide.css b/styleguide-website/styleguide.css
index 939ebba..ab54c25 100644
--- a/styleguide-website/styleguide.css
+++ b/styleguide-website/styleguide.css
@@ -13,7 +13,7 @@
--dark-highlight-color: #62C1A6;
--dark-secondary-highlight-color: #5253ff;
--dark-tertiary-highlight-color: #A74DB7;
- --dark-main-bg-color: #020613;
+ --dark-main-bg-color: #030714;
--dark-secondary-bg-color: #241b2b;
--dark-colors-container-background: #333333;
@@ -30,7 +30,7 @@ body {
--text-color: var(--dark-text-color);
--highlight-color: var(--dark-highlight-color);
--secondary-highlight-color: var(--dark-secondary-highlight-color);
- --tertiary-highlight-color: var(--dark-tertiary-highlight-color:)
+ --tertiary-highlight-color: var(--dark-tertiary-highlight-color:);
--main-bg-color: var(--dark-main-bg-color);
--secondary-bg-color: var(--dark-secondary-bg-color);
--tertiary-bg-color: var(--dark-tertiary-bg-color);
@@ -85,6 +85,7 @@ section * {
body {
color: var(--text-color);
+ background-image: linear-gradient(#332a39, #020613);
font-family: Ubuntu, sans-serif;
}
@@ -141,7 +142,7 @@ body {
}
main {
- background-color: var(--tertiary-bg-color);
+ background-color: var(--main-bg-color);
margin: 0 100px 0 100px;
padding: 1rem;
min-width: 80%;
@@ -292,10 +293,10 @@ hr {
hr::after {
content: ' ';
background: var(--secondary-highlight-color);
- padding: 25px;
+ padding: 250px;
right: 0px;
position: absolute;
- top: -50px;
+ top: -30px;
}
.customization-fieldset {
--
GitLab