V 0.3.6 Farben

- neues Schema: Purple

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 3aeaeaf2cfc2acf3dfb1f872e783ae9191c38521..fa592425baa4aaac7c22ebe218ec85e98ed146b2 100644 (file)
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,8 @@
+# V 0.3.6 Farben
+
+## Added
+- neues Schema: Purple
+
 # V 0.3.5 Farben / Design
 
 ## Changed

diff --git a/public/css/gadeku.css b/public/css/gadeku.css
index a666da0921bf676b3b1551c974d3b3bc74e7787b..d12ecafbbdff83ba703683687e3f161d083b0857 100644 (file)
--- a/public/css/gadeku.css
+++ b/public/css/gadeku.css
@@ -1,8 +1,4 @@
 /* orange: ffac03 light-orange: e1d6ad -> e1d6ad*/
-body {
-    background-image: url("../img/netzkachel.jpg");
-    background-repeat: repeat;
-}
 .white { color: white; }
 .expand100 { width: 100%;}
 table, tr, th, td {
@@ -25,157 +21,9 @@ input, button {
 .translation:hover {
     visibility: visible;
 }
+
 .lkn-text h1{
     padding: 0.25rem;
-    color: white;
     text-align: center;
-    background-color: #ffff04;
-    border-bottom: solid 0.1rem #e1d6ad;
     border-radius: 0.25rem;
-}
-.lkn-text h2, .lkn-text h3{
-    /* color: rgb(213, 78, 29); */
-    color: #fdaf40;
-    border-bottom: solid 0.1rem #fdaf40;
-}
-.lkn-text h4, .lkn-text h5{
-    color: #d86d0c;
-}
-#lkn-header {    background-color: #4cb2be;    color: white;}
-.lkn-text-frame-background{ background-color: #e1d6ad !important }
-.lkn-noform-frame,
-.lkn-standard-panel,
-.lkn-edit-panel,
-.lkn-create-panel,
-.lkn-show-panel,
-.lkn-panel,
-.lkn-nav-tab-panel,
-#main-content li.lkn-nav-item-active,
-.lkn-filter,
-.lkn-fieldset,
-.lkn-form-table,
-.lkn-filter,
-.lkn-fieldset,
-.lkn-form-table,
-.lkn-text-frame,
-.lkn-header-frame,
-.lkn-pagination-block
-{
-    background-color: #e1d6ad;
-}
-.lkn-page-item.active .lkn-page-link {
-    background-color: #e1d6ad;
-    border-color: #e1d6ad;
-}
-.lkn-field-error {
-    color: red;
-}
-a.lnk-overview-cell,
-a:visited.lkn-overview-cell,
-a:link.lkn-overview-cell,
-a:active.lkn-overview-cell {
-    border: 1px solid #ffac03;
-    color: #ffac03;
-    box-shadow: 0 0 5px 0 #e1d6ad;
-}
-a.lkn-overview-cell,
-a:visited.lkn-overview-cell,
-a:link.lkn-overview-cell,
-a:active.lkn-overview-cell {
-    background-color: #EEE;
-    color: #ffac03;
-}
-#main-content .nav-item {
-    background-color: #EEE;
-}
-.lkn-text-info {
-    color: #ffac03;
-}
-.lkn-text-info2 {
-    color: green;
-}
-.lkn-text-info3 {
-    color: blue;
-}
-.lkn-text-info4 {
-    color: cyan;
-}
-.lkn-text-error {
-    color: red;
-    background-color: yellow;
-}
-.lkn-text-warning {
-    color: green;
-    background-color: yellow;
-}
-.lkn-text-important {
-    color: red;
-}
-.lkn-text-tagged {
-    background-color: rgba(255, 166, 0, 0.418);
-}
-.lkn-text-tagged2 {
-    background-color: yellow;
-}
-.lkn-header-frame h1, .text-header-frame h2, .text-header-frame h3 {
-    color: whitesmoke;
-    background-color: #fdaf40;
-}
-.lkn-ins {
-    background-color: lightblue;
-}
-.lkn-del {
-    background-color: rgba(255, 166, 0, 0.418);
-}
-button.bg-primary {
-  background-color: #ffac03 !important;  
-}
-a, a:active.nav-item, a:link.nav-item, a:visited.nav-item, a:any-link.nav-item { color: blue; }
-.bi {
-    color: #fdaf40 !important;
-}
-nav a:active, nav a:link, nav a:visited, nav a:any-link {
-    color: white;
-}
-/* Register tabs: */
-.page-link { color: black !important; background-color: #e1d6ad; }
-.page-link.active, .active > .page-link { background-color: #fdaf40; }
-.page-item { color: black; background-color: #EEE; }
-
-#main-content > div > h1, #main-content > div > h2 {
-    color: #fdaf40;
-    background-color: rgba(240, 240, 240, 0.75);
-}
-#main-content .nav-link {
-    color: black;
-}
-#main-content .nav-link-item{
-    background-color: #e1d6ad;
-}
-#main-content .nav-link:hover {
-    color: white;
-}
-#main-content .nav-link.lkn-nav-item-active {
-    color: blue !important;
-}
-#main-content nav-item.lkn-nav-item-active {
-    background-color: whitesmoke !important;
-}
-#main-content .nav-item {
-    border-bottom-color: black !important;
-}
-
-#lkn-header .nav-link, #lkn-header .nav-item { color: white; font-weight: bolder;}
-
-#main-content .nav-tabs.nav-link { background-color: #e1d6ad !important; }
-
-#main-content > h2 { 
-    color: #fdaf40; 
-    background-color: #e1d6ad88;
-}
-#main-content > h2.lkn-text-area {
-    background-color: #fcfcfcaa;
-}
-#lkn-btn-logout {
-    background-color: #fdaf40;
-}
+}
\ No newline at end of file

diff --git a/public/css/orange.css b/public/css/orange.css
new file mode 100644 (file)
index 0000000..3911a6e
--- /dev/null
+++ b/public/css/orange.css
@@ -0,0 +1,158 @@
+body {
+    background-image: url("../img/netzkachel.jpg");
+    background-repeat: repeat;
+}
+.lkn-text h1{
+    padding: 0.25rem;
+    color: white;
+    text-align: center;
+    background-color: #ffff04;
+    border-bottom: solid 0.1rem #e1d6ad;
+    border-radius: 0.25rem;
+}
+.lkn-text h2, .lkn-text h3{
+    /* color: rgb(213, 78, 29); */
+    color: #fdaf40;
+    border-bottom: solid 0.1rem #fdaf40;
+}
+.lkn-text h4, .lkn-text h5{
+    color: #d86d0c;
+}
+#lkn-header {    background-color: #4cb2be;    color: white;}
+.lkn-text-frame-background{ background-color: #e1d6ad !important }
+.lkn-noform-frame,
+.lkn-standard-panel,
+.lkn-edit-panel,
+.lkn-create-panel,
+.lkn-show-panel,
+.lkn-panel,
+.lkn-nav-tab-panel,
+#main-content li.lkn-nav-item-active,
+.lkn-filter,
+.lkn-fieldset,
+.lkn-form-table,
+.lkn-filter,
+.lkn-fieldset,
+.lkn-form-table,
+.lkn-text-frame,
+.lkn-header-frame,
+.lkn-pagination-block
+{
+    background-color: #e1d6ad;
+}
+.lkn-page-item.active .lkn-page-link {
+    background-color: #e1d6ad;
+    border-color: #e1d6ad;
+}
+.lkn-field-error {
+    color: red;
+}
+a.lnk-overview-cell,
+a:visited.lkn-overview-cell,
+a:link.lkn-overview-cell,
+a:active.lkn-overview-cell {
+    border: 1px solid #ffac03;
+    color: #ffac03;
+    box-shadow: 0 0 5px 0 #e1d6ad;
+}
+a.lkn-overview-cell,
+a:visited.lkn-overview-cell,
+a:link.lkn-overview-cell,
+a:active.lkn-overview-cell {
+    background-color: #EEE;
+    color: #ffac03;
+}
+#main-content .nav-item {
+    background-color: #EEE;
+}
+.lkn-text-info {
+    color: #ffac03;
+}
+.lkn-text-info2 {
+    color: green;
+}
+.lkn-text-info3 {
+    color: blue;
+}
+.lkn-text-info4 {
+    color: cyan;
+}
+.lkn-text-error {
+    color: red;
+    background-color: yellow;
+}
+.lkn-text-warning {
+    color: green;
+    background-color: yellow;
+}
+.lkn-text-important {
+    color: red;
+}
+.lkn-text-tagged {
+    background-color: rgba(255, 166, 0, 0.418);
+}
+.lkn-text-tagged2 {
+    background-color: yellow;
+}
+.lkn-header-frame h1, .text-header-frame h2, .text-header-frame h3 {
+    color: whitesmoke;
+    background-color: #fdaf40;
+}
+.lkn-ins {
+    background-color: lightblue;
+}
+.lkn-del {
+    background-color: rgba(255, 166, 0, 0.418);
+}
+button.bg-primary {
+  background-color: #ffac03 !important;  
+}
+a, a:active.nav-item, a:link.nav-item, a:visited.nav-item, a:any-link.nav-item { color: blue; }
+.bi {
+    color: #fdaf40 !important;
+}
+nav a:active, nav a:link, nav a:visited, nav a:any-link {
+    color: white;
+}
+/* Register tabs: */
+.page-link { color: black !important; background-color: #e1d6ad; }
+.page-link.active, .active > .page-link { background-color: #fdaf40; }
+.page-item { color: black; background-color: #EEE; }
+
+#main-content > div > h1, #main-content > div > h2 {
+    color: #fdaf40;
+    background-color: rgba(240, 240, 240, 0.75);
+}
+#main-content .nav-link {
+    color: black;
+}
+#main-content .nav-link-item{
+    background-color: #e1d6ad;
+}
+#main-content .nav-link:hover {
+    color: white;
+}
+#main-content .nav-link.lkn-nav-item-active {
+    color: blue !important;
+}
+#main-content nav-item.lkn-nav-item-active {
+    background-color: whitesmoke !important;
+}
+#main-content .nav-item {
+    border-bottom-color: black !important;
+}
+
+#lkn-header .nav-link, #lkn-header .nav-item { color: white; font-weight: bolder;}
+
+#main-content .nav-tabs.nav-link { background-color: #e1d6ad !important; }
+
+#main-content > h2 { 
+    color: #fdaf40; 
+    background-color: #e1d6ad88;
+}
+#main-content > h2.lkn-text-area {
+    background-color: #fcfcfcaa;
+}
+#lkn-btn-logout {
+    background-color: #fdaf40;
+}

diff --git a/public/css/purple.css b/public/css/purple.css
new file mode 100644 (file)
index 0000000..2ae0af7
--- /dev/null
+++ b/public/css/purple.css
@@ -0,0 +1,150 @@
+/* headlines: */
+h1{ color: #143F4E; border-bottom: solid 0.1rem #143F4E; }
+h2{ color: #83163F; border-bottom: solid 0.1rem #83163F; }
+h3{ color: #477085 ; border-bottom: solid 0.1rem #477085; }
+.lkn-text h4, .lkn-text h5{ color: #d86d0c; }
+/* Links */
+
+/* chapter headline */
+#main-content h1 { border: none; }
+/* top menu */
+#lkn-header {    background-color: #143F4E;    color: white;}
+/* panels: */
+.lkn-text-frame-background{ background-color: #e1d6ad !important }
+.lkn-noform-frame,
+.lkn-standard-panel,
+.lkn-edit-panel,
+.lkn-create-panel,
+.lkn-show-panel,
+.lkn-panel,
+.lkn-nav-tab-panel,
+#main-content li.lkn-nav-item-active,
+.lkn-filter,
+.lkn-fieldset,
+.lkn-form-table,
+.lkn-filter,
+.lkn-fieldset,
+.lkn-form-table,
+.lkn-text-frame,
+.lkn-header-frame,
+.lkn-pagination-block
+{
+    background-color: #c2b0a8;
+}
+.lkn-page-item.active .lkn-page-link {
+    background-color: #e1d6ad;
+    border-color: #e1d6ad;
+}
+.lkn-field-error {
+    color: red;
+}
+/* overview page */
+a.lnk-overview-cell,
+a:visited.lkn-overview-cell,
+a:link.lkn-overview-cell,
+a:active.lkn-overview-cell {
+    border: 1px solid #83163F;;
+    color: #83163F;;
+    box-shadow: 0 0 5px 0 #e1d6ad;
+}
+.lkn-icon-as-link,
+a.lkn-overview-cell,
+a:visited.lkn-overview-cell,
+a:link.lkn-overview-cell,
+a:active.lkn-overview-cell {
+    background-color: #EEE;
+    color: #83163F;;
+}
+.lkn-overview-cell h2 {
+    border: none;
+}
+#main-content .nav-item {
+    background-color: #EEE;
+}
+.lkn-text-info {color: #83163F;} 
+.lkn-text-info2 {color: #9D8C84;}
+.lkn-text-info3 {color: #143F4E;}
+.lkn-text-info4 {color: #477085;}
+.lkn-filter {
+    background: #c2b0a8;
+}
+.lkn-text-error {
+    color: red;
+    background-color: yellow;
+}
+.lkn-text-warning {
+    color: green;
+    background-color: yellow;
+}
+.lkn-text-important {
+    color: red;
+}
+.lkn-text-tagged {
+    background-color: rgba(255, 166, 0, 0.418);
+}
+.lkn-text-tagged2 {
+    background-color: yellow;
+}
+.lkn-header-frame h1, .text-header-frame h2, .text-header-frame h3 {
+    color: whitesmoke;
+    background-color: #fdaf40;
+}
+.lkn-ins {
+    background-color: lightblue;
+}
+.lkn-del {
+    background-color: rgba(255, 166, 0, 0.418);
+}
+button.bg-primary {
+  background-color: #83163F !important;  
+}
+/* Links */
+
+a, a:active, a:link, a:visited, a:any-link { 
+    color: #477085; }
+a:hover { 
+        color: black; }
+a.nav-item, a:active.nav-item, a:link.nav-item, a:visited.nav-item, a:any-link.nav-item { 
+    color: blue; }
+a:hover.nav-item { color: black; }
+nav a:active, nav a:link, nav a:visited, nav a:any-link {
+    color: white;
+}
+nav a:hover { color: rgba(255, 166, 0, 0.418); }
+/* Register tabs: */
+.page-link { color: black !important; background-color: #e1d6ad; }
+.page-link.active, .active > .page-link { background-color: #477085; }
+.page-item { color: black; background-color: #EEE; }
+
+#main-content > div > h1, #main-content > div > h2 {
+    color: #fdaf40;
+    background-color: rgba(240, 240, 240, 0.75);
+}
+#main-content .nav-link {
+    color: black;
+}
+#main-content .nav-link-item{
+    background-color: #e1d6ad;
+}
+#main-content .nav-link:hover {
+    color: white;
+}
+#main-content .nav-link.lkn-nav-item-active {
+    color: blue !important;
+}
+#main-content nav-item.lkn-nav-item-active {
+    background-color: whitesmoke !important;
+}
+#main-content .nav-item {
+    border-bottom-color: black !important;
+}
+
+#lkn-header .nav-link, #lkn-header .nav-item { color: white; font-weight: bolder;}
+
+#main-content .nav-tabs.nav-link { background-color: #e1d6ad !important; }
+
+#lkn-btn-logout {
+    background-color: #83163F;
+}
+/* Icons: */
+i.text-primary { color: #477085 !important; }

diff --git a/resources/views/layouts/backend.blade.php b/resources/views/layouts/backend.blade.php
index 761d13824abf9b769d92fdca008232891ddac766..32d788ced75ff7622fbc61b001f78fdb9f0ba911 100644 (file)
--- a/resources/views/layouts/backend.blade.php
+++ b/resources/views/layouts/backend.blade.php
@@ -18,6 +18,7 @@
     @vite(['resources/sass/app.scss', 'resources/js/app.js'])
     <link href="/css/laraknife.css" rel="stylesheet">
     <link href="/css/gadeku.css" rel="stylesheet">
+    <link href="/css/purple.css" rel="stylesheet">
     <!--
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/js/bootstrap.bundle.min.js"></script>
 -->
@@ -31,7 +32,7 @@
             <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
               <span class="navbar-toggler-icon"></span>
             </button>
-            <div class="collapse navbar-collapse" id="navbarTop">
+            <div id="navbarTop" class="collapse navbar-collapse">
                 <ul class="navbar-nav mr-auto">
                     <li class="nav-item active">
                         <a class="nav-link" href="/page-showmenu/main">Start</a>
@@ -52,7 +53,7 @@
                         <a class="nav-link" href="/user-edit-current">{{ session('userName') }}</a>
                     </li>
                     @endauth
-                    <li class="nav-item border rounded-3">
+                    <li id="lkn-btn-logout" class="nav-item border rounded-3">
                         <a class="nav-link" href="/user-logout">{{ __('Logout')  }}</a>
                     </li>
                 </ul>

diff --git a/resources/views/layouts/frontend.blade.php b/resources/views/layouts/frontend.blade.php
index 6ee2e7d800a4ea61ea37e5931f52d9c437c88e59..ada29e206df96e57b414785f3729290185606bc1 100644 (file)
--- a/resources/views/layouts/frontend.blade.php
+++ b/resources/views/layouts/frontend.blade.php
@@ -18,20 +18,21 @@
     @vite(['resources/sass/app.scss', 'resources/js/app.js'])
     <link href="/css/laraknife.css" rel="stylesheet">
     <link href="/css/gadeku.css" rel="stylesheet">
+    <link href="/css/purple.css" rel="stylesheet">
     <!--
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/js/bootstrap.bundle.min.js"></script>
 -->
     <script src="/js/bootstrap.bundle.min.js"></script>
     <script src="/js/laraknife.js"></script>
 </head>
-<body class="lkn-text-frame-background">
+<body>
     <header>
-        <nav id="lkn-header" class="lkn-navbar navbar navbar-expand-md">
+        <nav id="lkn-header" class="navbar navbar-expand-md">
             <a class="navbar-brand" href="/menuitem-menu_main"><img id="img-logo" alt="Logo" src="/img/logo_64.png"></a>
             <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
               <span class="navbar-toggler-icon"></span>
             </button>
-            <div class="collapse navbar-collapse" id="navbarTop">
+            <div id="navbarTop" class="collapse navbar-collapse">
                 <ul class="navbar-nav mr-auto">
                     <li class="nav-item active">
                         <a class="nav-link" href="/page-showmenu/main">Start</a>
@@ -46,7 +47,7 @@
                         <a class="nav-link" href="/public/doc/Datenschutz.pdf" target="_blank">{{ __('Privacy') }}</a>
                     </li>
                 </ul>
-                <ul class="navbar-nav mr-auto lkn-logout">
+                <ul id="lkn-navbar-right" class="navbar-nav mr-auto lkn-logout">
                     @auth
                     <li class="nav-item border rounded-3">
                         <a class="nav-link" href="/user-edit-current">{{ session('userName') }}</a>