diff --git a/src/plainui/jinja2/plainui/base.html b/src/plainui/jinja2/plainui/base.html
index a160a031a3189d2311dd664dad3db8d5598f79f3..31afc008d413f8a7dc50e9e024594075c2d65c29 100644
--- a/src/plainui/jinja2/plainui/base.html
+++ b/src/plainui/jinja2/plainui/base.html
@@ -28,7 +28,7 @@
<a href="#footer">Zum Footer</a>
</li>
</ul>
- <div class="container-fluid p-0 d-flex flex-column min-vh-100">
+ <div class="container-fluid p-0 d-flex flex-column min-vh-100 rc3-static-background">
{%- if browser_type(request) == 'ie' -%}
<div class="fixed-top alert bg-primary text-center" role="alert">
<a href="https://www.getfirefox.com/" target="_blank" class="h2 text-white">{{ _("Your Browser is broken. Get a better one here!") }}</a>
@@ -56,19 +56,19 @@
<footer id="footer" class="mt-auto border-top border-primary py-3 py-xl-5">
<ul class="container nav p-0 justify-content-center">
<li>
- <a class="nav-link" title="{{ _("Contact Us") }}" href="https://legal.rc3.world">{{ _("Contact Us") }}</a>
+ <a class="nav-link text-white" title="{{ _("Contact Us") }}" href="https://legal.rc3.world">{{ _("Contact Us") }}</a>
</li>
<li>
- <a class="nav-link" title="{{ _("Privacy Policy") }}" href="https://legal.rc3.world">{{ _("Privacy Policy") }}</a>
+ <a class="nav-link text-white" title="{{ _("Privacy Policy") }}" href="https://legal.rc3.world">{{ _("Privacy Policy") }}</a>
</li>
<li>
- <a class="nav-link" title="{{ _("About RC3") }}" href="https://howto.rc3.world/">{{ _("About RC3") }}</a>
+ <a class="nav-link text-white" title="{{ _("About RC3") }}" href="https://howto.rc3.world/">{{ _("About RC3") }}</a>
</li>
<li>
- <a class="nav-link" title="{{ _("Disclaimer") }}" href="https://legal.rc3.world">{{ _("Disclaimer") }}</a>
+ <a class="nav-link text-white" title="{{ _("Disclaimer") }}" href="https://legal.rc3.world">{{ _("Disclaimer") }}</a>
</li>
<li>
- <a class="nav-link" title="{{ _("Principles") }}" href="https://howto.rc3.world/rules.html">{{ _("Principles") }}</a>
+ <a class="nav-link text-white" title="{{ _("Principles") }}" href="https://howto.rc3.world/rules.html">{{ _("Principles") }}</a>
</li>
</ul>
</footer>
diff --git a/src/plainui/jinja2/plainui/component_gallery.html b/src/plainui/jinja2/plainui/component_gallery.html
index 65a1d773b8b3ada00ece26d288439edec583904f..0df61011503a4abc53343176d6c1593999288e13 100644
--- a/src/plainui/jinja2/plainui/component_gallery.html
+++ b/src/plainui/jinja2/plainui/component_gallery.html
@@ -39,7 +39,7 @@
<dl>
<dt class="h2 pb-3 mb-3 border-bottom">Logo</dt>
<dd class="mb-10">
- {{ logoMacro.logo(static('plainui/img/rc3-logo-' + scope|default('plattform') + '.svg'), "#") }}
+ {{ logoMacro.logo(static('plainui/img/02a_Logo_web_200px_still.png'), "#") }}
</dd>
<dt class="h2 pb-3 mb-3 border-bottom">heroimage</dt>
diff --git a/src/plainui/jinja2/plainui/components/logo.html b/src/plainui/jinja2/plainui/components/logo.html
index a16a7e9f4b3c360f396e334955c9ef3cc9ab5a9d..b0cfb9f70fdce345141ee4badf1d2aa8efa8de73 100644
--- a/src/plainui/jinja2/plainui/components/logo.html
+++ b/src/plainui/jinja2/plainui/components/logo.html
@@ -1,4 +1,4 @@
-{% macro logo(img="", link="/", alt="Logo", title="Logo") -%}
+{% macro logo(img="", link="plainui/img/02a_Logo_web_200px_still.png", alt="Logo", title="Logo") -%}
<a class="rc3-logo" href="{{ link }}">
<img src="{{img}}" alt="{{ alt }}" title="{{ title }}" />
</a>
diff --git a/src/plainui/jinja2/plainui/header.html b/src/plainui/jinja2/plainui/header.html
index ebc91956c1470fd224144037786f6020dd827ca7..80781ea4a6d3291d67b188ecf7c5a73aa2ddf0a6 100644
--- a/src/plainui/jinja2/plainui/header.html
+++ b/src/plainui/jinja2/plainui/header.html
@@ -3,7 +3,7 @@
{% set view_name = request.resolver_match.view_name %}
{% set scope = scope|default('plattform') %}
<header id="header" class="rc3-header container mb-3 mt-6">
- {{ logoMacro.logo(static('plainui/img/rc3-logo-' + scope + '.svg'), url('plainui:index'), conf.name + " logo", conf.name + " logo") }}
+ {{ logoMacro.logo(static('plainui/img/02a_Logo_web_200px_still.png'), url('plainui:index'), conf.name + " logo", conf.name + " logo") }}
<nav class="rc3-header__main">
<a class="btn {{ 'btn-transparent' if view_name == 'plainui:world' else 'btn-transparent' }} rc3-header__main-linkbox" href="{{ url('plainui:world') }}" title="{{ _("world") }}">
{{ _("world") }}
diff --git a/src/plainui/static/plainui/img/02a_Logo_web_200px_still.png b/src/plainui/static/plainui/img/02a_Logo_web_200px_still.png
new file mode 100644
index 0000000000000000000000000000000000000000..189926ae28d77a5d27c8de7dc813f8b616f14ab7
Binary files /dev/null and b/src/plainui/static/plainui/img/02a_Logo_web_200px_still.png differ
diff --git a/src/plainui/static/plainui/img/10c_Background_dark_theme/10c_Background_dark_theme_desktop_01.jpg b/src/plainui/static/plainui/img/10c_Background_dark_theme/10c_Background_dark_theme_desktop_01.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..823201d116122c1127f71bf42075c9423308d0a2
Binary files /dev/null and b/src/plainui/static/plainui/img/10c_Background_dark_theme/10c_Background_dark_theme_desktop_01.jpg differ
diff --git a/src/plainui/static/plainui/img/10c_Background_dark_theme/10c_Background_dark_theme_desktop_02.jpg b/src/plainui/static/plainui/img/10c_Background_dark_theme/10c_Background_dark_theme_desktop_02.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..c26b24480660557d264b305bdbe862814e8a4be0
Binary files /dev/null and b/src/plainui/static/plainui/img/10c_Background_dark_theme/10c_Background_dark_theme_desktop_02.jpg differ
diff --git a/src/plainui/static/plainui/img/10c_Background_dark_theme/10c_Background_dark_theme_desktop_03.jpg b/src/plainui/static/plainui/img/10c_Background_dark_theme/10c_Background_dark_theme_desktop_03.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..0b74545634fb2205b8644cb8ad5111afd47f9b15
Binary files /dev/null and b/src/plainui/static/plainui/img/10c_Background_dark_theme/10c_Background_dark_theme_desktop_03.jpg differ
diff --git a/src/plainui/static/plainui/img/10c_Background_dark_theme/10c_Background_dark_theme_desktop_04.jpg b/src/plainui/static/plainui/img/10c_Background_dark_theme/10c_Background_dark_theme_desktop_04.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..2597553fcd046f78f50966e19d3b53e652ebf276
Binary files /dev/null and b/src/plainui/static/plainui/img/10c_Background_dark_theme/10c_Background_dark_theme_desktop_04.jpg differ
diff --git a/src/plainui/static/plainui/img/10c_Background_dark_theme/10c_Background_dark_theme_desktop_05.jpg b/src/plainui/static/plainui/img/10c_Background_dark_theme/10c_Background_dark_theme_desktop_05.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..1f04275ac2fa993f02a5357f3669360a7b926c08
Binary files /dev/null and b/src/plainui/static/plainui/img/10c_Background_dark_theme/10c_Background_dark_theme_desktop_05.jpg differ
diff --git a/src/plainui/static/plainui/img/10c_Background_dark_theme/10c_Background_dark_theme_desktop_06.jpg b/src/plainui/static/plainui/img/10c_Background_dark_theme/10c_Background_dark_theme_desktop_06.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..9ec3181f73e336963f0db4aa5f6a2662afe8b9c5
Binary files /dev/null and b/src/plainui/static/plainui/img/10c_Background_dark_theme/10c_Background_dark_theme_desktop_06.jpg differ
diff --git a/src/plainui/static/plainui/img/10c_Background_dark_theme/10c_Background_dark_theme_desktop_07.jpg b/src/plainui/static/plainui/img/10c_Background_dark_theme/10c_Background_dark_theme_desktop_07.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..47672979633f2d206233706493ec55d9bfd5dfe7
Binary files /dev/null and b/src/plainui/static/plainui/img/10c_Background_dark_theme/10c_Background_dark_theme_desktop_07.jpg differ
diff --git a/src/plainui/static/plainui/img/10c_Background_dark_theme/10c_Background_dark_theme_desktop_08.jpg b/src/plainui/static/plainui/img/10c_Background_dark_theme/10c_Background_dark_theme_desktop_08.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..68e2258efb61b2288100fcb28162c842c6d434b6
Binary files /dev/null and b/src/plainui/static/plainui/img/10c_Background_dark_theme/10c_Background_dark_theme_desktop_08.jpg differ
diff --git a/src/plainui/static/plainui/img/10c_Background_dark_theme/10c_Background_dark_theme_mobile_01.jpg b/src/plainui/static/plainui/img/10c_Background_dark_theme/10c_Background_dark_theme_mobile_01.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..416625dfc682306d298b7394575dff57a49c359e
Binary files /dev/null and b/src/plainui/static/plainui/img/10c_Background_dark_theme/10c_Background_dark_theme_mobile_01.jpg differ
diff --git a/src/plainui/static/plainui/img/10c_Background_dark_theme/10c_Background_dark_theme_mobile_02.jpg b/src/plainui/static/plainui/img/10c_Background_dark_theme/10c_Background_dark_theme_mobile_02.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..2bd27ad398cf5300471fe3bff37bd0129a27a54c
Binary files /dev/null and b/src/plainui/static/plainui/img/10c_Background_dark_theme/10c_Background_dark_theme_mobile_02.jpg differ
diff --git a/src/plainui/static/plainui/img/10c_Background_dark_theme/10c_Background_dark_theme_mobile_03.jpg b/src/plainui/static/plainui/img/10c_Background_dark_theme/10c_Background_dark_theme_mobile_03.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..a25b3a8d144380124f5c84dcfba9ebff4896e25a
Binary files /dev/null and b/src/plainui/static/plainui/img/10c_Background_dark_theme/10c_Background_dark_theme_mobile_03.jpg differ
diff --git a/src/plainui/static/plainui/img/10c_Background_dark_theme/10c_Background_dark_theme_mobile_04.jpg b/src/plainui/static/plainui/img/10c_Background_dark_theme/10c_Background_dark_theme_mobile_04.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..2951670ff92cabfe6fa178776e8a7103b720e41b
Binary files /dev/null and b/src/plainui/static/plainui/img/10c_Background_dark_theme/10c_Background_dark_theme_mobile_04.jpg differ
diff --git a/src/plainui/static/plainui/img/10c_Background_dark_theme/10c_Background_dark_theme_mobile_05.jpg b/src/plainui/static/plainui/img/10c_Background_dark_theme/10c_Background_dark_theme_mobile_05.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..c55c32b1d04462a83ed0ee3c68e1d6adf9d22bc2
Binary files /dev/null and b/src/plainui/static/plainui/img/10c_Background_dark_theme/10c_Background_dark_theme_mobile_05.jpg differ
diff --git a/src/plainui/static/plainui/img/10c_Background_dark_theme/10c_Background_dark_theme_mobile_06.jpg b/src/plainui/static/plainui/img/10c_Background_dark_theme/10c_Background_dark_theme_mobile_06.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..f59db2aed68d8a62a669f9e784243e2ca2dd0aa0
Binary files /dev/null and b/src/plainui/static/plainui/img/10c_Background_dark_theme/10c_Background_dark_theme_mobile_06.jpg differ
diff --git a/src/plainui/static/plainui/img/10c_Background_dark_theme/10c_Background_dark_theme_mobile_07.jpg b/src/plainui/static/plainui/img/10c_Background_dark_theme/10c_Background_dark_theme_mobile_07.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..68ebf746a6fed61716b52a5ee9e775a34005be11
Binary files /dev/null and b/src/plainui/static/plainui/img/10c_Background_dark_theme/10c_Background_dark_theme_mobile_07.jpg differ
diff --git a/src/plainui/static/plainui/img/10c_Background_dark_theme/10c_Background_dark_theme_mobile_08.jpg b/src/plainui/static/plainui/img/10c_Background_dark_theme/10c_Background_dark_theme_mobile_08.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..335387e807016a6bb0a870ad0f85896b8d139000
Binary files /dev/null and b/src/plainui/static/plainui/img/10c_Background_dark_theme/10c_Background_dark_theme_mobile_08.jpg differ
diff --git a/src/plainui/styles/_util-classes.scss b/src/plainui/styles/_util-classes.scss
index 28ddfc512dbf0474ef8f25705a5659f48aa7def4..0344164b7f7c0a98a7b7862f8e467f0312e1127a 100644
--- a/src/plainui/styles/_util-classes.scss
+++ b/src/plainui/styles/_util-classes.scss
@@ -92,6 +92,27 @@ h6,
font-family: $font-family-sans-serif;
}
+.rc3-static-background {
+ background-repeat: no-repeat;
+ background-size: cover;
+
+
+ @include media-breakpoint-down(xs) {
+
+ }
+}
+
+@media screen and (orientation:portrait) {
+ .rc3-static-background {
+ background-image: url($staic-background-port);
+ }
+}
+@media screen and (orientation:landscape) {
+ .rc3-static-background {
+ background-image: url($staic-background-land);
+ }
+}
+
h6,
.h6,
.text-transform-none {
diff --git a/src/plainui/styles/utils/_bootstrap-theme-assembly.scss b/src/plainui/styles/utils/_bootstrap-theme-assembly.scss
index 87326e277c2232b389dba9ded30c2cdac72e69bf..6ada22064efdd62ebcb161de60b07911c7b37f64 100644
--- a/src/plainui/styles/utils/_bootstrap-theme-assembly.scss
+++ b/src/plainui/styles/utils/_bootstrap-theme-assembly.scss
@@ -5,7 +5,7 @@
@import "./forms";
$gray-100: map-get($assembly, "four");
-$gray-900: map-get($assembly, "bg");
+$gray-900: map-get($assembly, "bg-three");
// bootstrap colors map has only white, gray-dark, use theme-colors instead
$primary: map-get($assembly, "one");
@@ -31,17 +31,17 @@ $gradient-plattform-horizontal: linear-gradient(270deg, map-get($assembly, "bg")
$gradient-assembly-vertical: linear-gradient(0deg, map-get($assembly, "bg") 0%, map-get($assembly, "two-dark") 100%);
$gradient-assembly-horizontal: linear-gradient(270deg, map-get($assembly, "bg") 0%, map-get($assembly, "two-dark") 100%);
-$body-bg: $gray-900;
+$body-bg: #000;
$body-color: $gray-100;
$pre-color: $gray-100;
$code-color: $primary;
-$headings-color: $secondary;
-$blockquote-small-color: $secondary;
+$headings-color: $primary;
+$blockquote-small-color: $primary;
$card-cap-bg: $info;
$link-hover-color: $primary;
-$border-color: $secondary;
+$border-color: $primary;
$hr-border-color: $primary;
$markdown-border-color: $primary;
@@ -49,7 +49,7 @@ $table-head-color: $gray-100;
$input-color: $gray-100;
$input-focus-color: $gray-100;
-$input-border-color: $secondary;
+$input-border-color: $primary;
$input-placeholder-color: $gray-100;
$input-bg: $info;
$input-disabled-bg: $info;
@@ -64,3 +64,6 @@ $box-shadow-morphism: 2px 2px 4px #000000, -2px -2px 4px #162D38, inset 0px 0px
$btn-active-box-shadow: $input-btn-focus-box-shadow;
$modal-content-bg: $gray-900;
+
+$staic-background-land: 'img/10c_Background_dark_theme/10c_Background_dark_theme_desktop_05.jpg';
+$staic-background-port: 'img/10c_Background_dark_theme/10c_Background_dark_theme_mobile_05.jpg';
\ No newline at end of file
diff --git a/src/plainui/styles/utils/_bootstrap-theme-high-contrast.scss b/src/plainui/styles/utils/_bootstrap-theme-high-contrast.scss
index 06a87017317dd7847eaf0822b20fce44a88614bc..b5394b9862f7bb3fbae5bccd1adb46891c632a28 100644
--- a/src/plainui/styles/utils/_bootstrap-theme-high-contrast.scss
+++ b/src/plainui/styles/utils/_bootstrap-theme-high-contrast.scss
@@ -61,3 +61,7 @@ $box-shadow-morphism: 2px 2px 4px #000000, -2px -2px 4px #1A1638, inset 2px 2px
$btn-active-box-shadow: $input-btn-focus-box-shadow;
$modal-content-bg: $gray-900;
+
+
+$staic-background-land: 'img/10c_Background_dark_theme/10c_Background_dark_theme_desktop_03.jpg';
+$staic-background-port: 'img/10c_Background_dark_theme/10c_Background_dark_theme_mobile_03.jpg';
\ No newline at end of file
diff --git a/src/plainui/styles/utils/_bootstrap-theme-plattform.scss b/src/plainui/styles/utils/_bootstrap-theme-plattform.scss
index 2a7285e1373e89c31f3602a410c73644344aab1e..c9f6516df72b15c1afe379f8c1ac62aa2caaf8a3 100644
--- a/src/plainui/styles/utils/_bootstrap-theme-plattform.scss
+++ b/src/plainui/styles/utils/_bootstrap-theme-plattform.scss
@@ -31,7 +31,7 @@ $gradient-plattform-horizontal: linear-gradient(270deg, map-get($plattform, "bg"
$gradient-assembly-vertical: linear-gradient(0deg, map-get($plattform, "bg") 0%, map-get($assembly, "two-dark") 100%);
$gradient-assembly-horizontal: linear-gradient(270deg, map-get($plattform, "bg") 0%, map-get($assembly, "two-dark") 100%);
-$body-bg: $gray-900;
+$body-bg: #000;
$body-color: $gray-100;
$pre-color: $gray-100;
$code-color: $primary;
@@ -44,7 +44,7 @@ $link-hover-color: $link-color;
$border-color: $tertiary;
$hr-border-color: $primary;
-$markdown-border-color: $secondary;
+$markdown-border-color: $primary;
$table-head-color: $gray-100;
$input-color: $gray-100;
@@ -66,3 +66,6 @@ $box-shadow-morphism: 2px 2px 4px #000000, -2px -2px 4px #1A1638;
$btn-active-box-shadow: $input-btn-focus-box-shadow;
$modal-content-bg: $gray-900;
+
+$staic-background-land: 'img/10c_Background_dark_theme/10c_Background_dark_theme_desktop_01.jpg';
+$staic-background-port: 'img/10c_Background_dark_theme/10c_Background_dark_theme_mobile_01.jpg';
diff --git a/src/plainui/styles/utils/_bootstrap-theme-world.scss b/src/plainui/styles/utils/_bootstrap-theme-world.scss
index 11223724351fe3f776752d4bc69162e36e6dca8d..6c41b5b536c2155b2ac8daf53643d83874e5402c 100644
--- a/src/plainui/styles/utils/_bootstrap-theme-world.scss
+++ b/src/plainui/styles/utils/_bootstrap-theme-world.scss
@@ -5,12 +5,12 @@
@import "./forms";
$gray-100: map-get($world, "four");
-$gray-900: map-get($world, "bg");
+$gray-900: map-get($world, "bg-three");
// bootstrap colors map has only white, gray-dark, use theme-colors instead
$primary: map-get($world, "one");
-$secondary: map-get($world, "three");
-$tertiary: map-get($world, "two");
+$secondary: map-get($world, "two");
+$tertiary: map-get($world, "three");
$success: map-get($world, "one");
$info: map-get($world, "bg-two");
$warning: map-get($world, "three");
@@ -27,7 +27,7 @@ $gradient-plattform-horizontal: linear-gradient(270deg, map-get($assembly, "bg")
$gradient-assembly-vertical: linear-gradient(0deg, map-get($assembly, "bg") 0%, map-get($assembly, "two-dark") 100%);
$gradient-assembly-horizontal: linear-gradient(270deg, map-get($assembly, "bg") 0%, map-get($assembly, "two-dark") 100%);
-$body-bg: $gray-900;
+$body-bg: #000;
$body-color: $gray-100;
$pre-color: $gray-100;
$code-color: $primary;
@@ -57,3 +57,6 @@ $box-shadow-morphism: 2px 2px 4px #000000, -2px -2px 4px #1A1638;
$btn-active-box-shadow: $input-btn-focus-box-shadow;
$modal-content-bg: $gray-900;
+
+$staic-background-land: 'img/10c_Background_dark_theme/10c_Background_dark_theme_desktop_07.jpg';
+$staic-background-port: 'img/10c_Background_dark_theme/10c_Background_dark_theme_mobile_07.jpg';