gitmedia/b2in
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

First commit

Browse source
This commit is contained in:
Kevin Adametz 2025-10-20 17:50:35 +02:00
commit 7cf3558ba7
12933 changed files with 1180047 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

437
resources/css/web/shared-styles.css Normal file
View file

@ -0,0 +1,437 @@
/* Shared styles for all web themes - no @apply directives */
*,
::before,
::after {
box-sizing: border-box;
border-width: 0;
border-style: solid;
border-color: hsl(var(--border));
}
body {
background-color: hsl(var(--background));
color: hsl(var(--foreground));
font-family: var(--font-primary, 'Inter'), system-ui, -apple-system, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
h1, h2, h3, h4, h5, h6 {
font-weight: 500;
letter-spacing: -0.025em;
font-family: var(--font-secondary, 'Inter'), var(--font-primary, 'Inter'), system-ui, -apple-system, sans-serif;
}
/* Typography scales */
.text-hero {
font-size: clamp(3rem, 4vw, 6rem);
line-height: 1.1;
font-weight: 300;
letter-spacing: -0.025em;
}
.text-section-title {
font-size: clamp(1.6rem, 3vw, 3rem);
font-weight: 300;
letter-spacing: -0.025em;
}
.text-large {
font-size: clamp(1.1rem, 2vw, 1.2rem);
line-height: 1.625;
}
/* Border utilities to override the global border-width: 0 */
.border-t {
border-top-width: 1px !important;
}
.border-b {
border-bottom-width: 1px !important;
}
.border-l {
border-left-width: 1px !important;
}
.border-r {
border-right-width: 1px !important;
}
.border {
border-width: 1px !important;
}
/* Button styles */
.btn-primary {
background-color: hsl(var(--primary));
color: hsl(var(--primary-foreground));
padding: 0.75rem 2rem;
border-radius: 0.5rem;
font-weight: 500;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1);
display: inline-block;
text-decoration: none;
}
.btn-primary:hover {
background-color: hsl(var(--secondary));
color: hsl(var(--secondary-foreground));
box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1);
}
.btn-primary-accent {
background-color: hsl(var(--primary));
color: hsl(var(--primary-foreground));
border: 1px solid hsl(var(--border));
padding: 0.75rem 2rem;
border-radius: 0.5rem;
font-weight: 500;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1);
display: inline-block;
text-decoration: none;
}
.btn-primary-accent:hover {
background-color: hsl(var(--accent));
color: hsl(var(--accent-foreground));
box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1);
}
.btn-secondary {
background-color: hsl(var(--secondary));
color: hsl(var(--secondary-foreground));
border: 1px solid hsl(var(--border));
padding: 0.75rem 2rem;
border-radius: 0.5rem;
font-weight: 500;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1);
display: inline-block;
text-decoration: none;
}
.btn-secondary:hover {
background-color: hsl(var(--primary));
color: hsl(var(--primary-foreground));
}
.btn-secondary-accent {
background-color: hsl(var(--secondary));
color: hsl(var(--secondary-foreground));
border: 1px solid hsl(var(--border));
padding: 0.75rem 2rem;
border-radius: 0.5rem;
font-weight: 500;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
display: inline-block;
text-decoration: none;
}
.btn-secondary-accent:hover {
background-color: hsl(var(--accent));
color: hsl(var(--accent-foreground));
}
.btn-accent {
background-color: hsl(var(--accent));
color: hsl(var(--accent-foreground));
padding: 0.75rem 2rem;
border-radius: 0.5rem;
font-weight: 500;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1);
display: inline-block;
text-decoration: none;
}
.btn-accent:hover {
background-color: hsl(var(--secondary));
color: hsl(var(--secondary-foreground));
box-shadow: var(--shadow-accent-glow);
}
/* Card styles */
.card-elevated {
background-color: hsl(var(--card));
border-radius: 1rem;
box-shadow: var(--shadow-card);
border: 1px solid hsl(var(--border) / 0.5);
}
/* Section styles */
.section-padding {
padding-top: 4rem;
padding-bottom: 4rem;
}
@media (min-width: 1024px) {
.section-padding {
padding-top: 6rem;
padding-bottom: 6rem;
}
}
.section-dark {
background-color: hsl(var(--dark-bg));
color: hsl(var(--dark-text));
}
.text-dark-muted {
color: hsl(var(--dark-muted));
}
/* Container styles */
.container-padding {
max-width: 80rem;
margin-left: auto;
margin-right: auto;
padding-left: 1rem;
padding-right: 1rem;
}
@media (min-width: 640px) {
.container-padding {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
}
@media (min-width: 1024px) {
.container-padding {
padding-left: 2rem;
padding-right: 2rem;
}
}
.container-narrow {
max-width: 56rem;
margin-left: auto;
margin-right: auto;
padding-left: 1rem;
padding-right: 1rem;
}
@media (min-width: 640px) {
.container-narrow {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
}
@media (min-width: 1024px) {
.container-narrow {
padding-left: 2rem;
padding-right: 2rem;
}
}
/* Spacing utilities */
.spacing-section > * + * {
margin-top: 2rem;
}
.spacing-content > * + * {
margin-top: 1.5rem;
}
.spacing-small > * + * {
margin-top: 1rem;
}
/* Additional utility classes for better consistency */
.text-muted-foreground {
color: hsl(var(--muted-foreground));
}
.bg-background {
background-color: hsl(var(--background));
}
.text-foreground {
color: hsl(var(--foreground));
}
.bg-card {
background-color: hsl(var(--card));
}
.text-card-foreground {
color: hsl(var(--card-foreground));
}
.border-border {
border-color: hsl(var(--border));
}
.text-secondary {
color: hsl(var(--secondary));
}
.bg-secondary {
background-color: hsl(var(--secondary));
}
.text-secondary-foreground {
color: hsl(var(--secondary-foreground));
}
.bg-primary {
background-color: hsl(var(--primary));
}
.text-primary-foreground {
color: hsl(var(--primary-foreground));
}
.bg-accent {
background-color: hsl(var(--accent));
}
.text-accent-foreground {
color: hsl(var(--accent-foreground));
}
.bg-muted {
background-color: hsl(var(--muted));
}
.bg-muted\/20 {
background-color: hsl(var(--muted) / 0.2);
}
.bg-secondary\/10 {
background-color: hsl(var(--secondary) / 0.1);
}
.bg-secondary\/20 {
background-color: hsl(var(--secondary) / 0.2);
}
.bg-card\/95 {
background-color: hsl(var(--card) / 0.95);
}
.border-border\/50 {
border-color: hsl(var(--border) / 0.5);
}
.border-border\/30 {
border-color: hsl(var(--border) / 0.3);
}
.text-dark-muted {
color: hsl(var(--dark-muted));
}
.border-dark-muted\/30 {
border-color: hsl(var(--dark-muted) / 0.3);
}
.text-dark-text {
color: hsl(var(--dark-text));
}
.bg-dark-bg {
background-color: hsl(var(--dark-bg));
}
.bg-hero-container {
background-color: hsl(var(--hero-container));
}
.shadow-elevated {
box-shadow: var(--shadow-elevated);
}
.shadow-card {
box-shadow: var(--shadow-card);
}
.shadow-accent-glow {
box-shadow: var(--shadow-accent-glow);
}
/* Theme-spezifische Farben für Tailwind-Kompatibilität */
.text-primary {
color: hsl(var(--primary));
}
.text-secondary {
color: hsl(var(--secondary));
}
.text-muted-foreground {
color: hsl(var(--muted-foreground));
}
.bg-primary {
background-color: hsl(var(--primary));
}
.bg-secondary {
background-color: hsl(var(--secondary));
}
.border-primary {
border-color: hsl(var(--primary));
}
.border-secondary {
border-color: hsl(var(--secondary));
}
/* Hover-Effekte für Navigation */
.hover-text-secondary:hover {
color: hsl(var(--secondary));
}
.hover-text-primary:hover {
color: hsl(var(--primary));
}
.hover-bg-primary:hover {
background-color: hsl(var(--primary));
}
.hover-bg-secondary:hover {
background-color: hsl(var(--secondary));
}
.hover-border-secondary:hover {
border-color: hsl(var(--secondary));
}
.hover-shadow-accent-glow:hover {
box-shadow: var(--shadow-accent-glow);
}
/* TopBar specific styles */
.topbar-normal {
background-color: hsl(var(--muted) / 0.2);
border-bottom: 1px solid hsl(var(--border) / 0.3);
}
/* Sticky Header Verhalten */
.header-sticky {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 50;
background-color: hsl(var(--background) / 0.8);
backdrop-filter: blur(8px);
border-bottom: 1px solid hsl(var(--border));
transition: all 0.3s ease-in-out;
}
.header-normal {
position: relative;
transition: all 0.3s ease-in-out;
}
.bg-muted\/20 {
background-color: hsl(var(--muted) / 0.2);
}
.border-border\/30 {
border-color: hsl(var(--border) / 0.3);
}

55
resources/css/web/theme-b2a.css Normal file
View file

@ -0,0 +1,55 @@
@import "tailwindcss";
/* B2A Domain Theme - Azur Blue & Liberty Red */
@layer base {
:root {
/* Base colors */
--background: 32 20% 97%; /* #f5f4f2 - Light Beige */
--foreground: 20 14% 16%; /* #2a2a2a - Dark Gray */
--card: 0 25% 96%; /* #hsl(0 25% 96%) - Off White */
--card-foreground: 20 14% 16%; /* #2a2a2a - Dark Gray */
--popover: 0 25% 96%; /* #hsl(0 25% 96%)- Off White */
--popover-foreground: 20 14% 16%; /* #2a2a2a - Dark Gray */
/* B2A Theme Colors */
--primary: 207 70% 26%; /* #123f6d - Azur Blue */
--primary-foreground: 30 25% 98%; /* #faf9f7 - Off White */
--secondary: 352 76% 48%; /* #ce1d2e - Liberty Red */
--secondary-foreground: 0 25% 96%; /* #hsl(0 25% 96%) - Off White */
/* Neutral colors */
--muted: 0 0% 92%; /* hsl(0 0% 92%) - Light Muted */
--muted-foreground: 199 50% 45%; /* #4a8bb5 - Muted Blue */
--accent: 210 20% 95%; /* hsl(201 20% 95%) - Light Accent */
--accent-foreground: 20 14% 16%; /* #2a2a2a - Dark Gray */
/* Dark section colors */
--dark-bg: 207 70% 26%; /* #123f6d - Azur Blue */
--dark-text: 30 25% 98%; /* #faf9f7 - Off White */
--dark-muted: 30 20% 70%; /* #b8b0a7 - Dark Muted */
/* Interactive elements */
--destructive: 0 84.2% 60.2%; /* #ef4444 - Red */
--destructive-foreground: 210 40% 98%; /* #f8fafc - Light */
--border: 0 0% 80%; /* hsl(0 0% 80%) - Light Border */
--input: 0 0% 92%; /* hsl(0 0% 92%) - Input Background */
--ring: 20 14% 16%; /* #2a2a2a - Focus Ring */
--radius: 0.75rem;
/* Hero container background */
--hero-container: 0 0% 91%; /* #e8e8e8 - Light Gray */
/* Shadows */
--shadow-warm: 0 10px 30px -15px hsl(var(--foreground) / 0.1);
--shadow-card: 0 4px 20px -8px hsl(var(--foreground) / 0.08);
--shadow-elevated: 0 20px 40px -20px hsl(var(--foreground) / 0.15);
--shadow-accent-glow: 0 0 30px hsl(var(--secondary) / 0.3);
/* Font families */
--font-primary: 'Inter', system-ui, -apple-system, sans-serif;
--font-secondary: 'Merriweather', Georgia, serif;
}
}
@import "./shared-styles.css";

68
resources/css/web/theme-b2in.css Normal file
View file

@ -0,0 +1,68 @@
@import "tailwindcss";
/* B2IN Domain Theme - Anthracite & Dynamic Blue */
@layer base {
:root {
/* Base colors */
--background: 32 20% 97%; /* #f5f4f2 - Light Beige */
--foreground: 20 14% 16%; /* #2a2a2a - Dark Gray */
/* Card colors */
--card: 0 25% 96%; /* #hsl(0 25% 96%) - Off White */
--card-foreground: 20 14% 16%; /* #2a2a2a - Dark Gray */
--popover: 0 25% 96%; /* #hsl(0 25% 96%)- Off White */
--popover-foreground: 20 14% 16%; /* #2a2a2a - Dark Gray */
/* B2IN Theme Colors */
--primary: 209 32% 25%; /* #2b3f51 - Anthracite */
--primary-foreground: 0 25% 96%; /* #hsl(0 25% 96%) - Off White */
--secondary: 199 74% 49%; /* #20a0da - Dynamic Blue */
--secondary-foreground: 0 25% 96%; /* hsl(0 25% 96%) - Off White */
/* Neutral colors */
--muted: 0 0% 92%; /* hsl(0 0% 92%) - Light Muted */
--muted-foreground: 199 50% 45%; /* #4a8bb5 - Muted Blue */
--accent: 210 0% 94%; /* hsl(210 5.26% 92.55%) - Light Accent */
--accent-foreground: 20 14% 16%; /* #2a2a2a - Dark Gray */
/* Dark section colors */
--dark-bg: 209 32% 25%; /* Matching primary */
--dark-text: 0 0% 100%; /* hsl(0 0% 100%) - Off White */
--dark-muted: 0 0% 80%; /* hsl(0 0% 80%) - Dark Muted */
/* Interactive elements */
--destructive: 0 84.2% 60.2%; /* #ef4444 - Red */
--destructive-foreground: 210 40% 98%; /* #f8fafc - Light */
--border: 0 0% 80%; /* hsl(0 0% 80%) - Light Border */
--input: 0 0% 92%; /* hsl(0 0% 92%) - Input Background */
--ring: 20 14% 16%; /* #2a2a2a - Focus Ring */
--radius: 0.75rem;
/* Hero container background */
--hero-container: 0 0% 91%; /* #e8e8e8 - Light Gray */
/* Consistent shadows */
--shadow-warm: 0 10px 30px -15px hsl(var(--foreground) / 0.1);
--shadow-card: 0 4px 20px -8px hsl(var(--foreground) / 0.08);
--shadow-elevated: 0 20px 40px -20px hsl(var(--foreground) / 0.15);
--shadow-accent-glow: 0 0 30px hsl(var(--secondary) / 0.3);
/* Transitions */
--transition-smooth: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
--transition-bounce: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
/* Font families */
--font-primary: 'Inter', system-ui, -apple-system, sans-serif;
--font-secondary: 'IBM Plex Sans', 'Inter', system-ui, -apple-system, sans-serif;
}
}
.text-section-title {
line-height: 0.95em;
}
@import "./shared-styles.css";

63
resources/css/web/theme-main.css Normal file
View file

@ -0,0 +1,63 @@
@import "tailwindcss";
@source '../../views/web/layout.blade.php';
@custom-variant dark (&:where(.dark, .dark *));
@theme {
--font-sans: "Instrument Sans", ui-sans-serif, system-ui, sans-serif,
"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
"Noto Color Emoji";
--color-zinc-50: #fafafa;
--color-zinc-100: #f5f5f5;
--color-zinc-200: #e5e5e5;
--color-zinc-300: #d4d4d4;
--color-zinc-400: #a3a3a3;
--color-zinc-500: #737373;
--color-zinc-600: #525252;
--color-zinc-700: #404040;
--color-zinc-800: #262626;
--color-zinc-900: #171717;
--color-zinc-950: #0a0a0a;
--color-accent: var(--color-neutral-800);
--color-accent-content: var(--color-neutral-800);
--color-accent-foreground: var(--color-white);
}
@layer theme {
.dark {
--color-accent: var(--color-white);
--color-accent-content: var(--color-white);
--color-accent-foreground: var(--color-neutral-800);
}
}
@layer base {
*,
::after,
::before,
::backdrop,
::file-selector-button {
border-color: var(--color-gray-200, currentColor);
}
}
[data-flux-field]:not(ui-radio, ui-checkbox) {
@apply grid gap-2;
}
[data-flux-label] {
@apply !mb-0 !leading-tight;
}
input:focus[data-flux-control],
textarea:focus[data-flux-control],
select:focus[data-flux-control] {
@apply outline-hidden ring-2 ring-accent ring-offset-2 ring-offset-accent-foreground;
}
/* \[:where(&)\]:size-4 {
@apply size-4;
} */

58
resources/css/web/theme-stileigentum.css Normal file
View file

@ -0,0 +1,58 @@
@import "tailwindcss";
/* Stileigentum Domain Theme - Style Blue & Style Sun */
@layer base {
:root {
/* Base colors */
--background: 32 20% 97%; /* #f5f4f2 - Light Beige */
--foreground: 20 14% 16%; /* #2a2a2a - Dark Gray */
--card: 38 40% 97%; /* #hsl(60 53.33% 88.24%) - Off White */
--card-foreground: 20 14% 16%; /* #2a2a2a - Dark Gray */
--popover: 0 25% 96%; /* #hsl(0 25% 96%)- Off White */
--popover-foreground: 20 14% 16%; /* #2a2a2a - Dark Gray */
/* Stileigentum Theme Colors */
--primary: 209 65% 20%; /* #123453 - Imperial Blue */
--primary-foreground: 0 25% 96%; /* #hsl(0 25% 96%) - Off White */
--secondary: 38 40% 66%; /* #c9ac84 - Sand Gold */
--secondary-foreground: 20 14% 16%; /* #2a2a2a - Dark Gray */
/* Neutral colors */
--muted: 209 35% 94%; /* #f0f2f5 - Very Light Imperial Blue */
--muted-foreground: 209 10% 40%; /* hsl(208 9.09% 32.35%) - Muted Imperial Blue */
--accent: 38 40% 88%; /* hsl(38 40% 88%) - Very Light Sand Gold */
--accent-foreground: 209 10% 40%; /* hsl(204 4.35% 22.55%) - Darker Imperial Blue */
/* Dark section colors */
--dark-bg: 209 65% 20%; /* #123453 - Imperial Blue */
--dark-text: 0 0% 100%; /* hsl(0 0% 100%) - Off White */
--dark-muted: 30 20% 70%; /* #b8b0a7 - Dark Muted */
/* Interactive elements */
--destructive: 0 84.2% 60.2%; /* #ef4444 - Red */
--destructive-foreground: 210 40% 98%; /* #f8fafc - Light */
--border: 0 0% 80%; /* hsl(0 0% 80%) - Light Border */
--input: 0 0% 92%; /* hsl(0 0% 92%) - Input Background */
--radius: 0.75rem;
/* Hero container background */
--hero-container: 0 0% 91%; /* #e8e8e8 - Light Gray */
/* Shadows */
--shadow-warm: 0 10px 30px -15px hsl(var(--foreground) / 0.1);
--shadow-card: 0 4px 20px -8px hsl(var(--foreground) / 0.08);
--shadow-elevated: 0 20px 40px -20px hsl(var(--foreground) / 0.15);
--shadow-accent-glow: 0 0 30px hsl(var(--secondary) / 0.3);
/* Font families */
--font-primary: 'Inter', system-ui, -apple-system, sans-serif;
--font-secondary: 'EB Garamond', Georgia, serif;
}
}
.text-section-title {
line-height: 0.95em;
}
@import "./shared-styles.css";

72
resources/css/web/theme-style2own.css Normal file
View file

@ -0,0 +1,72 @@
@import "tailwindcss";
/* Style2own Domain Theme - Imperial Blue & Sand Gold */
@layer base {
:root {
/* Base colors */
--background: 32 20% 97%; /* #f5f4f2 - Light Beige */
--foreground: 20 14% 16%; /* #2a2a2a - Dark Gray */
--card: 30 25% 98%; /* #faf9f7 - Off White */
--card-foreground: 20 14% 16%; /* #2a2a2a - Dark Gray */
--popover: 0 25% 96%; /* #hsl(0 25% 96%)- Off White */
--popover-foreground: 20 14% 16%; /* #2a2a2a - Dark Gray */
/* Style2own Theme Colors */
--primary: 195 100% 34%; /* #007aab - Style Blue */
--primary-foreground: 30 25% 98%; /* #faf9f7 - Off White */
--secondary: 46 95% 56%; /* #fbaf22 - Style Sun */
--secondary-foreground: 20 14% 16%; /* #2a2a2a - Dark Gray */
/* Neutral colors */
--muted: 0 0% 92%; /* hsl(0 0% 92%) - Light Muted */
--muted-foreground: 199 50% 45%; /* #4a8bb5 - Muted Blue */
--accent: 210 20% 95%; /* #f2f5f7 - Light Accent */
--accent-foreground: 20 14% 16%; /* #2a2a2a - Dark Gray */
/* Dark section colors */
--dark-bg: 195 100% 34%; /* #007aab - Style Blue */
--dark-text: 30 25% 98%; /* #faf9f7 - Off White */
--dark-muted: 30 20% 70%; /* #b8b0a7 - Dark Muted */
/* Interactive elements */
--destructive: 0 84.2% 60.2%; /* #ef4444 - Red */
--destructive-foreground: 210 40% 98%; /* #f8fafc - Light */
--border: 32 20% 90%; /* #e6e0d8 - Light Border */
--border: 0 0% 80%; /* hsl(0 0% 80%) - Light Border */
--input: 0 0% 92%; /* hsl(0 0% 92%) - Input Background */
--radius: 0.75rem;
/* Hero container background */
--hero-container: 0 0% 91%; /* #e8e8e8 - Light Gray */
/* Shadows */
--shadow-warm: 0 10px 30px -15px hsl(var(--foreground) / 0.1);
--shadow-card: 0 4px 20px -8px hsl(var(--foreground) / 0.08);
--shadow-elevated: 0 20px 40px -20px hsl(var(--foreground) / 0.15);
--shadow-accent-glow: 0 0 30px hsl(var(--secondary) / 0.3);
/* Font families */
--font-primary: 'Inter', system-ui, -apple-system, sans-serif;
--font-secondary: 'Ephesis', cursive;
}
}
/* Font size adjustments for Ephesis font - 30% larger */
.text-hero {
font-size: clamp(3.6rem, 4.2vw, 7.8rem) !important;
}
.text-section-title {
font-size: clamp(2.1rem, 3.9vw, 3.9rem) !important;
line-height: 0.85em;
}
.text-xl {
font-size: clamp(1.3rem, 2.2vw, 2.2rem) !important;
}
@import "./shared-styles.css";