V 0.3.7 Farben / Design, front- backend

- neues Schema: Purple
- frontend/backend:
  - kein expliziter Import der  bootstrap-Dateien (von Vite erledigt)
- purple.css: Anpassungen

diff --git a/CHANGELOG.md b/CHANGELOG.md
index fa592425baa4aaac7c22ebe218ec85e98ed146b2..f6e83dd3f83797704be2386974195004b845972c 100644 (file)
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,11 @@
+# V 0.3.7 Farben / Design, front- backend
+
+## Added
+- neues Schema: Purple
+- frontend/backend:
+  - kein expliziter Import der  bootstrap-Dateien (von Vite erledigt)
+- purple.css: Anpassungen
+
 # V 0.3.6 Farben
 
 ## Added

diff --git a/composer.lock b/composer.lock
index 118447ffbbcf6ac1c36089cc06d84081eae191f4..ef700e62f681e50015e493a57b5cae3149052286 100644 (file)
--- a/composer.lock
+++ b/composer.lock
@@ -1056,7 +1056,7 @@
             "dist": {
                 "type": "path",
                 "url": "../laraknife",
-                "reference": "44cc14deda280e8fe91b0f524b15e3acbf9cf656"
+                "reference": "825fbc96aa19f8e838deef77f3a3b99f523c4340"
             },
             "require-dev": {
                 "phpunit/phpunit": "11.0.x-dev"

diff --git a/public/css/purple.css b/public/css/purple.css
index 2ae0af77ed0a914e890552e3e5b53bf212865c51..4ff3c9f2343bf4aa27ecbc6187c49a98c4627fc0 100644 (file)
--- a/public/css/purple.css
+++ b/public/css/purple.css
@@ -2,6 +2,11 @@
 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 { 
+    color: black;
+    background-color: white;
+    border: 0.15rem solid #143F4E;
+}
 .lkn-text h4, .lkn-text h5{ color: #d86d0c; }
 /* Links */
 
@@ -11,21 +16,13 @@ h3{ color: #477085 ; border-bottom: solid 0.1rem #477085; }
 #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
 {
@@ -43,9 +40,9 @@ a.lnk-overview-cell,
 a:visited.lkn-overview-cell,
 a:link.lkn-overview-cell,
 a:active.lkn-overview-cell {
-    border: 1px solid #83163F;;
+    border: 0.1rem solid #83163F;;
     color: #83163F;;
-    box-shadow: 0 0 5px 0 #e1d6ad;
+    box-shadow: 0 0 5px 0 #bf5c82;
 }
 .lkn-icon-as-link,
 a.lkn-overview-cell,
@@ -95,8 +92,11 @@ a:active.lkn-overview-cell {
 .lkn-del {
     background-color: rgba(255, 166, 0, 0.418);
 }
-button.bg-primary {
-  background-color: #83163F !important;  
+.lkn-button {
+  background-color: #83163F !important;
+  color: white;
+  border: 0.1rem solid #143F4E;
+  /*box-shadow: 0 0 0.3rem 0.3rem #888888;*/
 }
 /* Links */
 
@@ -112,9 +112,9 @@ nav a:active, nav a:link, nav a:visited, nav a:any-link {
 }
 nav a:hover { color: rgba(255, 166, 0, 0.418); }
 /* Register tabs: */
-.page-link { color: black !important; background-color: #e1d6ad; }
+.page-link { color: black !important; background-color: #c2b0a8; }
 .page-link.active, .active > .page-link { background-color: #477085; }
-.page-item { color: black; background-color: #EEE; }
+.page-item { color: black; background-color: #c2b0a8; }
 
 #main-content > div > h1, #main-content > div > h2 {
     color: #fdaf40;
@@ -148,3 +148,7 @@ nav a:hover { color: rgba(255, 166, 0, 0.418); }
 }
 /* Icons: */
 i.text-primary { color: #477085 !important; }
+
+.lkn-frame-indented {
+    border: solid 0.1rem #83163F;
+}

diff --git a/resources/views/layouts/backend.blade.php b/resources/views/layouts/backend.blade.php
index 32d788ced75ff7622fbc61b001f78fdb9f0ba911..407f4db0718766f9b3a04984a0c158d69934cf22 100644 (file)
--- a/resources/views/layouts/backend.blade.php
+++ b/resources/views/layouts/backend.blade.php
@@ -6,23 +6,12 @@
     <!-- CSRF Token -->
     <meta name="csrf-token" content="{{ csrf_token() }}">
     <title>{{ config('app.name', 'Laravel') }}</title>
-    <!--
-        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css">
-    -->
     <link href="/css/bootstrap-icons.css" rel="stylesheet">
     <link href="/css/laraknife.css" rel="stylesheet">
-    <!--
-    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css" rel="stylesheet">
--->
-    <link href="/css/bootstrap.min.css" rel="stylesheet">
     @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>
+    <link href="/css/{{ env('APP_THEME', 'purple') }}.css" rel="stylesheet">
     <script src="/js/laraknife.js"></script>
 </head>
 <body>

diff --git a/resources/views/layouts/frontend.blade.php b/resources/views/layouts/frontend.blade.php
index ada29e206df96e57b414785f3729290185606bc1..3f724ba0f2c60fe69fb390d104e15fbd0b7eb110 100644 (file)
--- a/resources/views/layouts/frontend.blade.php
+++ b/resources/views/layouts/frontend.blade.php
@@ -6,23 +6,12 @@
     <!-- CSRF Token -->
     <meta name="csrf-token" content="{{ csrf_token() }}">
     <title>{{ config('app.name', 'Laravel') }}</title>
-    <!--
-        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css">
-    -->
     <link href="/css/bootstrap-icons.css" rel="stylesheet">
     <link href="/css/laraknife.css" rel="stylesheet">
-    <!--
-    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css" rel="stylesheet">
--->
-    <link href="/css/bootstrap.min.css" rel="stylesheet">
     @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>
+    <link href="/css/{{ env('APP_THEME', 'purple') }}.css" rel="stylesheet">
     <script src="/js/laraknife.js"></script>
 </head>
 <body>