M_Viper/Minecraft-Modern-Theme
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 8 Wiki Activity

Upload front-page.php via GUI

Browse Source
This commit is contained in:
M_Viper
2026-02-11 21:11:27 +00:00
parent 37b31a6109
commit 39e9b298d9
1 changed files with 415 additions and 415 deletions
Download Patch File Download Diff File Expand all files Collapse all files

830
Minecraft-Modern-Theme/front-page.php
View File

@@ -1,416 +1,416 @@
<?php get_header(); ?> <?php get_header(); ?>
<?php <?php
// ===================================================== // =====================================================
// HERO SLIDER ODER HERO SECTION // HERO SLIDER ODER HERO SECTION
// ===================================================== // =====================================================
if ( get_theme_mod('slider_enabled', false) ) : if ( get_theme_mod('slider_enabled', false) ) :
?> ?>
<section class="hero-slider swiper-container"> <section class="hero-slider swiper-container">
<div class="swiper-wrapper"> <div class="swiper-wrapper">
<?php <?php
for ( $i = 1; $i <= 5; $i++ ) : for ( $i = 1; $i <= 5; $i++ ) :
$image_url = get_theme_mod( 'slider_image_' . $i ); $image_url = get_theme_mod( 'slider_image_' . $i );
if ( $image_url ) : if ( $image_url ) :
$title = get_theme_mod( 'slider_title_' . $i ); $title = get_theme_mod( 'slider_title_' . $i );
$subtitle = get_theme_mod( 'slider_subtitle_' . $i ); $subtitle = get_theme_mod( 'slider_subtitle_' . $i );
?> ?>
<div class="swiper-slide" style="background-image: url('<?php echo esc_url( $image_url ); ?>');"> <div class="swiper-slide" style="background-image: url('<?php echo esc_url( $image_url ); ?>');">
<div class="slider-content"> <div class="slider-content">
<?php if ( $title ) : ?> <?php if ( $title ) : ?>
<h2 class="slider-title"><?php echo esc_html( $title ); ?></h2> <h2 class="slider-title"><?php echo esc_html( $title ); ?></h2>
<?php endif; ?> <?php endif; ?>
<?php if ( $subtitle ) : ?> <?php if ( $subtitle ) : ?>
<p class="slider-subtitle"><?php echo esc_html( $subtitle ); ?></p> <p class="slider-subtitle"><?php echo esc_html( $subtitle ); ?></p>
<?php endif; ?> <?php endif; ?>
</div> </div>
</div> </div>
<?php <?php
endif; endif;
endfor; endfor;
?> ?>
</div> </div>
<?php if ( ! get_theme_mod( 'slider_hide_pagination', false ) ) : ?> <?php if ( ! get_theme_mod( 'slider_hide_pagination', false ) ) : ?>
<div class="swiper-pagination"></div> <div class="swiper-pagination"></div>
<?php endif; ?> <?php endif; ?>
<?php if ( ! get_theme_mod( 'slider_hide_arrows', false ) ) : ?> <?php if ( ! get_theme_mod( 'slider_hide_arrows', false ) ) : ?>
<div class="swiper-button-prev"></div> <div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div> <div class="swiper-button-next"></div>
<?php endif; ?> <?php endif; ?>
</section> </section>
<!-- ================================================= --> <!-- ================================================= -->
<!-- ANNOUNCEMENT ANKER (unter Slider, ohne Scroll-Bug) --> <!-- ANNOUNCEMENT ANKER (unter Slider, ohne Scroll-Bug) -->
<!-- ================================================= --> <!-- ================================================= -->
<div id="mm-announcement-anchor"></div> <div id="mm-announcement-anchor"></div>
<?php else : ?> <?php else : ?>
<?php <?php
$hero_bg = get_theme_mod( 'hero_bg_image' ); $hero_bg = get_theme_mod( 'hero_bg_image' );
$hero_title = get_theme_mod( 'hero_title', 'Willkommen auf unserem Server' ); $hero_title = get_theme_mod( 'hero_title', 'Willkommen auf unserem Server' );
$hero_subtitle = get_theme_mod( 'hero_subtitle', 'Trete einer Community voller Abenteuer bei.' ); $hero_subtitle = get_theme_mod( 'hero_subtitle', 'Trete einer Community voller Abenteuer bei.' );
$btn1_text = get_theme_mod( 'hero_button_1_text', 'Zum Forum' ); $btn1_text = get_theme_mod( 'hero_button_1_text', 'Zum Forum' );
$btn1_url = get_theme_mod( 'hero_button_1_url', '#' ); $btn1_url = get_theme_mod( 'hero_button_1_url', '#' );
$btn2_text = get_theme_mod( 'hero_button_2_text', 'Zum Teamspeak' ); $btn2_text = get_theme_mod( 'hero_button_2_text', 'Zum Teamspeak' );
$btn2_url = get_theme_mod( 'hero_button_2_url', '#' ); $btn2_url = get_theme_mod( 'hero_button_2_url', '#' );
?> ?>
<section class="hero-section" <section class="hero-section"
style="<?php style="<?php
echo $hero_bg echo $hero_bg
? "background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('" . esc_url( $hero_bg ) . "')" ? "background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('" . esc_url( $hero_bg ) . "')"
: ''; : '';
?>"> ?>">
<div class="container"> <div class="container">
<h1 class="hero-title"><?php echo esc_html( $hero_title ); ?></h1> <h1 class="hero-title"><?php echo esc_html( $hero_title ); ?></h1>
<p class="hero-subtitle"><?php echo esc_html( $hero_subtitle ); ?></p> <p class="hero-subtitle"><?php echo esc_html( $hero_subtitle ); ?></p>
<div class="hero-buttons"> <div class="hero-buttons">
<a href="<?php echo esc_url( $btn1_url ); ?>" class="hero-button-1"> <a href="<?php echo esc_url( $btn1_url ); ?>" class="hero-button-1">
<?php echo esc_html( $btn1_text ); ?> <?php echo esc_html( $btn1_text ); ?>
</a> </a>
<a href="<?php echo esc_url( $btn2_url ); ?>" class="hero-button-2"> <a href="<?php echo esc_url( $btn2_url ); ?>" class="hero-button-2">
<?php echo esc_html( $btn2_text ); ?> <?php echo esc_html( $btn2_text ); ?>
</a> </a>
</div> </div>
</div> </div>
</section> </section>
<!-- ================================================= --> <!-- ================================================= -->
<!-- ANNOUNCEMENT ANKER (unter Hero, ohne Scroll-Bug) --> <!-- ANNOUNCEMENT ANKER (unter Hero, ohne Scroll-Bug) -->
<!-- ================================================= --> <!-- ================================================= -->
<div id="mm-announcement-anchor"></div> <div id="mm-announcement-anchor"></div>
<?php endif; ?> <?php endif; ?>
<!-- ===================================================== --> <!-- ===================================================== -->
<!-- MAIN CONTENT MIT SIDEBAR --> <!-- MAIN CONTENT MIT SIDEBAR -->
<!-- ===================================================== --> <!-- ===================================================== -->
<main id="primary" class="site-main"> <main id="primary" class="site-main">
<div class="container"> <div class="container">
<?php <?php
// Hole Sidebar-Einstellungen // Hole Sidebar-Einstellungen
$sidebar_enabled = get_theme_mod( 'homepage_sidebar_enabled', false ); $sidebar_enabled = get_theme_mod( 'homepage_sidebar_enabled', false );
$sidebar_position = get_theme_mod( 'homepage_sidebar_position', 'right' ); $sidebar_position = get_theme_mod( 'homepage_sidebar_position', 'right' );
// Prüfe ob mindestens ein Sidebar-Bereich aktiv ist // Prüfe ob mindestens ein Sidebar-Bereich aktiv ist
$has_sidebar_content = ( $has_sidebar_content = (
is_active_sidebar( 'homepage-sidebar-top' ) || is_active_sidebar( 'homepage-sidebar-top' ) ||
is_active_sidebar( 'homepage-sidebar-middle-1' ) || is_active_sidebar( 'homepage-sidebar-middle-1' ) ||
is_active_sidebar( 'homepage-sidebar-middle-2' ) || is_active_sidebar( 'homepage-sidebar-middle-2' ) ||
is_active_sidebar( 'homepage-sidebar-bottom' ) || is_active_sidebar( 'homepage-sidebar-bottom' ) ||
is_active_sidebar( 'homepage-sidebar-extra' ) is_active_sidebar( 'homepage-sidebar-extra' )
); );
// Setze CSS-Klassen basierend auf Sidebar-Status // Setze CSS-Klassen basierend auf Sidebar-Status
$content_class = 'content-area'; $content_class = 'content-area';
if ( $sidebar_enabled && $has_sidebar_content ) { if ( $sidebar_enabled && $has_sidebar_content ) {
$content_class = 'content-area with-sidebar sidebar-' . esc_attr( $sidebar_position ); $content_class = 'content-area with-sidebar sidebar-' . esc_attr( $sidebar_position );
} }
?> ?>
<div class="<?php echo esc_attr( $content_class ); ?>"> <div class="<?php echo esc_attr( $content_class ); ?>">
<?php if ( $sidebar_enabled && $sidebar_position === 'left' && $has_sidebar_content ) : ?> <?php if ( $sidebar_enabled && $sidebar_position === 'left' && $has_sidebar_content ) : ?>
<!-- SIDEBAR LINKS --> <!-- SIDEBAR LINKS -->
<aside class="homepage-sidebar sidebar-left"> <aside class="homepage-sidebar sidebar-left">
<?php if ( is_active_sidebar( 'homepage-sidebar-top' ) ) : ?> <?php if ( is_active_sidebar( 'homepage-sidebar-top' ) ) : ?>
<div class="sidebar-section sidebar-top"> <div class="sidebar-section sidebar-top">
<?php dynamic_sidebar( 'homepage-sidebar-top' ); ?> <?php dynamic_sidebar( 'homepage-sidebar-top' ); ?>
</div> </div>
<?php endif; ?> <?php endif; ?>
<?php if ( is_active_sidebar( 'homepage-sidebar-middle-1' ) ) : ?> <?php if ( is_active_sidebar( 'homepage-sidebar-middle-1' ) ) : ?>
<div class="sidebar-section sidebar-middle-1"> <div class="sidebar-section sidebar-middle-1">
<?php dynamic_sidebar( 'homepage-sidebar-middle-1' ); ?> <?php dynamic_sidebar( 'homepage-sidebar-middle-1' ); ?>
</div> </div>
<?php endif; ?> <?php endif; ?>
<?php if ( is_active_sidebar( 'homepage-sidebar-middle-2' ) ) : ?> <?php if ( is_active_sidebar( 'homepage-sidebar-middle-2' ) ) : ?>
<div class="sidebar-section sidebar-middle-2"> <div class="sidebar-section sidebar-middle-2">
<?php dynamic_sidebar( 'homepage-sidebar-middle-2' ); ?> <?php dynamic_sidebar( 'homepage-sidebar-middle-2' ); ?>
</div> </div>
<?php endif; ?> <?php endif; ?>
<?php if ( is_active_sidebar( 'homepage-sidebar-bottom' ) ) : ?> <?php if ( is_active_sidebar( 'homepage-sidebar-bottom' ) ) : ?>
<div class="sidebar-section sidebar-bottom"> <div class="sidebar-section sidebar-bottom">
<?php dynamic_sidebar( 'homepage-sidebar-bottom' ); ?> <?php dynamic_sidebar( 'homepage-sidebar-bottom' ); ?>
</div> </div>
<?php endif; ?> <?php endif; ?>
<?php if ( is_active_sidebar( 'homepage-sidebar-extra' ) ) : ?> <?php if ( is_active_sidebar( 'homepage-sidebar-extra' ) ) : ?>
<div class="sidebar-section sidebar-extra"> <div class="sidebar-section sidebar-extra">
<?php dynamic_sidebar( 'homepage-sidebar-extra' ); ?> <?php dynamic_sidebar( 'homepage-sidebar-extra' ); ?>
</div> </div>
<?php endif; ?> <?php endif; ?>
</aside> </aside>
<?php endif; ?> <?php endif; ?>
<!-- HAUPTINHALT --> <!-- HAUPTINHALT -->
<div class="main-content"> <div class="main-content">
<?php if ( have_posts() ) : ?> <?php if ( have_posts() ) : ?>
<?php while ( have_posts() ) : the_post(); ?> <?php while ( have_posts() ) : the_post(); ?>
<article id="post-<?php the_ID(); ?>" <?php post_class( 'post' ); ?>> <article id="post-<?php the_ID(); ?>" <?php post_class( 'post' ); ?>>
<?php if ( has_post_thumbnail() ) : ?> <?php if ( has_post_thumbnail() ) : ?>
<div class="post-thumbnail"> <div class="post-thumbnail">
<a href="<?php the_permalink(); ?>"> <a href="<?php the_permalink(); ?>">
<?php the_post_thumbnail( 'medium_large' ); ?> <?php the_post_thumbnail( 'medium_large' ); ?>
</a> </a>
</div> </div>
<?php endif; ?> <?php endif; ?>
<div class="post-content"> <div class="post-content">
<h2 class="post-title"> <h2 class="post-title">
<a href="<?php the_permalink(); ?>"> <a href="<?php the_permalink(); ?>">
<?php the_title(); ?> <?php the_title(); ?>
</a> </a>
</h2> </h2>
<div class="post-full-content"> <div class="post-full-content">
<?php the_content(); ?> <?php the_content(); ?>
</div> </div>
</div> </div>
</article> </article>
<?php endwhile; ?> <?php endwhile; ?>
<?php else : ?> <?php else : ?>
<p><?php esc_html_e( 'Keine Beiträge gefunden.', 'minecraft-modern-theme' ); ?></p> <p><?php esc_html_e( 'Keine Beiträge gefunden.', 'minecraft-modern-theme' ); ?></p>
<?php endif; ?> <?php endif; ?>
</div> </div>
<?php if ( $sidebar_enabled && $sidebar_position === 'right' && $has_sidebar_content ) : ?> <?php if ( $sidebar_enabled && $sidebar_position === 'right' && $has_sidebar_content ) : ?>
<!-- SIDEBAR RECHTS --> <!-- SIDEBAR RECHTS -->
<aside class="homepage-sidebar sidebar-right"> <aside class="homepage-sidebar sidebar-right">
<?php if ( is_active_sidebar( 'homepage-sidebar-top' ) ) : ?> <?php if ( is_active_sidebar( 'homepage-sidebar-top' ) ) : ?>
<div class="sidebar-section sidebar-top"> <div class="sidebar-section sidebar-top">
<?php dynamic_sidebar( 'homepage-sidebar-top' ); ?> <?php dynamic_sidebar( 'homepage-sidebar-top' ); ?>
</div> </div>
<?php endif; ?> <?php endif; ?>
<?php if ( is_active_sidebar( 'homepage-sidebar-middle-1' ) ) : ?> <?php if ( is_active_sidebar( 'homepage-sidebar-middle-1' ) ) : ?>
<div class="sidebar-section sidebar-middle-1"> <div class="sidebar-section sidebar-middle-1">
<?php dynamic_sidebar( 'homepage-sidebar-middle-1' ); ?> <?php dynamic_sidebar( 'homepage-sidebar-middle-1' ); ?>
</div> </div>
<?php endif; ?> <?php endif; ?>
<?php if ( is_active_sidebar( 'homepage-sidebar-middle-2' ) ) : ?> <?php if ( is_active_sidebar( 'homepage-sidebar-middle-2' ) ) : ?>
<div class="sidebar-section sidebar-middle-2"> <div class="sidebar-section sidebar-middle-2">
<?php dynamic_sidebar( 'homepage-sidebar-middle-2' ); ?> <?php dynamic_sidebar( 'homepage-sidebar-middle-2' ); ?>
</div> </div>
<?php endif; ?> <?php endif; ?>
<?php if ( is_active_sidebar( 'homepage-sidebar-bottom' ) ) : ?> <?php if ( is_active_sidebar( 'homepage-sidebar-bottom' ) ) : ?>
<div class="sidebar-section sidebar-bottom"> <div class="sidebar-section sidebar-bottom">
<?php dynamic_sidebar( 'homepage-sidebar-bottom' ); ?> <?php dynamic_sidebar( 'homepage-sidebar-bottom' ); ?>
</div> </div>
<?php endif; ?> <?php endif; ?>
<?php if ( is_active_sidebar( 'homepage-sidebar-extra' ) ) : ?> <?php if ( is_active_sidebar( 'homepage-sidebar-extra' ) ) : ?>
<div class="sidebar-section sidebar-extra"> <div class="sidebar-section sidebar-extra">
<?php dynamic_sidebar( 'homepage-sidebar-extra' ); ?> <?php dynamic_sidebar( 'homepage-sidebar-extra' ); ?>
</div> </div>
<?php endif; ?> <?php endif; ?>
</aside> </aside>
<?php endif; ?> <?php endif; ?>
</div> </div>
</div> </div>
</main> </main>
<!-- ===================================================== --> <!-- ===================================================== -->
<!-- ZUSÄTZLICHES CSS FÜR SIDEBAR LAYOUT --> <!-- ZUSÄTZLICHES CSS FÜR SIDEBAR LAYOUT -->
<!-- ===================================================== --> <!-- ===================================================== -->
<style> <style>
/* Content ohne Sidebar - volle Breite */ /* Content ohne Sidebar - volle Breite */
.content-area .main-content { .content-area .main-content {
width: 100%; width: 100%;
margin-bottom: 40px; margin-bottom: 40px;
} }
/* Container mit Sidebar-Layout */ /* Container mit Sidebar-Layout */
.content-area.with-sidebar { .content-area.with-sidebar {
display: grid; display: grid;
gap: 30px; gap: 30px;
align-items: start; align-items: start;
} }
/* Sidebar rechts (Standard) */ /* Sidebar rechts (Standard) */
.content-area.with-sidebar.sidebar-right { .content-area.with-sidebar.sidebar-right {
grid-template-columns: 1fr 300px; grid-template-columns: 1fr 300px;
} }
.content-area.with-sidebar.sidebar-right .main-content { .content-area.with-sidebar.sidebar-right .main-content {
order: 1; order: 1;
} }
.content-area.with-sidebar.sidebar-right .homepage-sidebar { .content-area.with-sidebar.sidebar-right .homepage-sidebar {
order: 2; order: 2;
} }
/* Sidebar links */ /* Sidebar links */
.content-area.with-sidebar.sidebar-left { .content-area.with-sidebar.sidebar-left {
grid-template-columns: 300px 1fr; grid-template-columns: 300px 1fr;
} }
.content-area.with-sidebar.sidebar-left .homepage-sidebar { .content-area.with-sidebar.sidebar-left .homepage-sidebar {
order: 1; order: 1;
} }
.content-area.with-sidebar.sidebar-left .main-content { .content-area.with-sidebar.sidebar-left .main-content {
order: 2; order: 2;
} }
/* Entfernt das Sticky-Verhalten der Sidebar komplett */ /* Entfernt das Sticky-Verhalten der Sidebar komplett */
.homepage-sidebar { .homepage-sidebar {
position: relative !important; position: relative !important;
top: auto !important; top: auto !important;
background: var(--card-background, #1e2029); background: var(--card-background, #1e2029);
border-radius: 8px; border-radius: 8px;
padding: 20px; padding: 20px;
overflow-y: auto; overflow-y: auto;
max-height: calc(200vh - 10vh); max-height: calc(200vh - 10vh);
} }
/* Sidebar Sections - Bereiche innerhalb der Sidebar */ /* Sidebar Sections - Bereiche innerhalb der Sidebar */
.homepage-sidebar .sidebar-section { .homepage-sidebar .sidebar-section {
margin-bottom: 30px; margin-bottom: 30px;
padding-bottom: 20px; padding-bottom: 20px;
border-bottom: 1px solid rgba(255, 255, 255, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.1);
} }
.homepage-sidebar .sidebar-section:last-child { .homepage-sidebar .sidebar-section:last-child {
margin-bottom: 0; margin-bottom: 0;
padding-bottom: 0; padding-bottom: 0;
border-bottom: none; border-bottom: none;
} }
/* Spezielle Styling für bestimmte Bereiche */ /* Spezielle Styling für bestimmte Bereiche */
.homepage-sidebar .sidebar-top { .homepage-sidebar .sidebar-top {
border-bottom: 2px solid var(--primary-accent, #00d4ff); border-bottom: 2px solid var(--primary-accent, #00d4ff);
} }
.homepage-sidebar .sidebar-bottom { .homepage-sidebar .sidebar-bottom {
padding-top: 20px; padding-top: 20px;
border-top: 2px solid var(--primary-accent, #00d4ff); border-top: 2px solid var(--primary-accent, #00d4ff);
border-bottom: none; border-bottom: none;
} }
.homepage-sidebar .widget { .homepage-sidebar .widget {
margin-bottom: 20px; margin-bottom: 20px;
} }
.homepage-sidebar .widget:last-child { .homepage-sidebar .widget:last-child {
margin-bottom: 0; margin-bottom: 0;
} }
.homepage-sidebar .widget-title { .homepage-sidebar .widget-title {
font-size: 1.2rem; font-size: 1.2rem;
margin-bottom: 15px; margin-bottom: 15px;
padding-bottom: 10px; padding-bottom: 10px;
border-bottom: 2px solid var(--primary-accent, #00d4ff); border-bottom: 2px solid var(--primary-accent, #00d4ff);
color: var(--primary-accent, #00d4ff); color: var(--primary-accent, #00d4ff);
} }
.homepage-sidebar ul { .homepage-sidebar ul {
list-style: none; list-style: none;
padding: 0; padding: 0;
margin: 0; margin: 0;
} }
.homepage-sidebar ul li { .homepage-sidebar ul li {
padding: 8px 0; padding: 8px 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.1);
} }
.homepage-sidebar ul li:last-child { .homepage-sidebar ul li:last-child {
border-bottom: none; border-bottom: none;
} }
.homepage-sidebar a { .homepage-sidebar a {
color: inherit; color: inherit;
text-decoration: none; text-decoration: none;
transition: color 0.2s ease; transition: color 0.2s ease;
} }
.homepage-sidebar a:hover { .homepage-sidebar a:hover {
color: var(--primary-accent, #00d4ff); color: var(--primary-accent, #00d4ff);
} }
/* Mobile: Sidebar unter Content */ /* Mobile: Sidebar unter Content */
@media (max-width: 768px) { @media (max-width: 768px) {
.content-area.with-sidebar.sidebar-right, .content-area.with-sidebar.sidebar-right,
.content-area.with-sidebar.sidebar-left { .content-area.with-sidebar.sidebar-left {
grid-template-columns: 1fr; grid-template-columns: 1fr;
} }
.content-area.with-sidebar .homepage-sidebar { .content-area.with-sidebar .homepage-sidebar {
order: 3 !important; /* Immer unten auf mobilen Geräten */ order: 3 !important; /* Immer unten auf mobilen Geräten */
position: relative; position: relative;
top: 0; top: 0;
max-height: none; max-height: none;
} }
.content-area.with-sidebar .main-content { .content-area.with-sidebar .main-content {
order: 1 !important; order: 1 !important;
} }
} }
/* Dark Mode Anpassungen */ /* Dark Mode Anpassungen */
body.dark-mode .homepage-sidebar { body.dark-mode .homepage-sidebar {
background: #1e1e1e; background: #1e1e1e;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
} }
body.dark-mode .homepage-sidebar ul li { body.dark-mode .homepage-sidebar ul li {
border-bottom-color: rgba(255, 255, 255, 0.1); border-bottom-color: rgba(255, 255, 255, 0.1);
} }
/* Light Mode Anpassungen */ /* Light Mode Anpassungen */
body.light-mode .homepage-sidebar { body.light-mode .homepage-sidebar {
background: #ffffff; background: #ffffff;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
} }
body.light-mode .homepage-sidebar .sidebar-section { body.light-mode .homepage-sidebar .sidebar-section {
border-bottom-color: rgba(0, 0, 0, 0.1); border-bottom-color: rgba(0, 0, 0, 0.1);
} }
body.light-mode .homepage-sidebar ul li { body.light-mode .homepage-sidebar ul li {
border-bottom-color: rgba(0, 0, 0, 0.1); border-bottom-color: rgba(0, 0, 0, 0.1);
} }
body.light-mode .homepage-sidebar .widget-title { body.light-mode .homepage-sidebar .widget-title {
color: var(--primary-accent, #00d4ff); color: var(--primary-accent, #00d4ff);
} }
/* Scrollbar Styling für Sidebar */ /* Scrollbar Styling für Sidebar */
.homepage-sidebar::-webkit-scrollbar { .homepage-sidebar::-webkit-scrollbar {
width: 6px; width: 6px;
} }
.homepage-sidebar::-webkit-scrollbar-track { .homepage-sidebar::-webkit-scrollbar-track {
background: rgba(0, 0, 0, 0.1); background: rgba(0, 0, 0, 0.1);
border-radius: 3px; border-radius: 3px;
} }
.homepage-sidebar::-webkit-scrollbar-thumb { .homepage-sidebar::-webkit-scrollbar-thumb {
background: var(--primary-accent, #00d4ff); background: var(--primary-accent, #00d4ff);
border-radius: 3px; border-radius: 3px;
} }
.homepage-sidebar::-webkit-scrollbar-thumb:hover { .homepage-sidebar::-webkit-scrollbar-thumb:hover {
background: var(--primary-accent-hover, #00b8e6); background: var(--primary-accent-hover, #00b8e6);
} }
</style> </style>
<?php get_footer(); ?> <?php get_footer(); ?>