You've already forked wp-bootstrap
v0.1.0 - Core Theme: patterns, dark mode, block styles, style variations
- Add 16 block patterns across 7 new categories (hero, features, CTA, testimonials, pricing, contact, text) - Add dark mode toggle with localStorage persistence and system preference detection (Bootstrap 5.3 data-bs-theme) - Register 17 custom block styles mapping Bootstrap components to WordPress blocks (cards, alerts, tables, buttons, etc.) - Add 4 style variations: Ocean, Forest, Sunset, Midnight - Add sidebar template part and "Blog with Sidebar" custom template - Add Inter and Lora variable fonts with fontFace declarations - Add Display font size (fluid 2.5rem-3.5rem) - Update translations (en_US .pot, de_CH .po) with all new strings - Bump version to 0.1.0 Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
@@ -1,2 +1,59 @@
|
||||
// Custom theme styles
|
||||
// Add theme-specific styles here that go beyond Bootstrap defaults
|
||||
|
||||
// Dark mode toggle button
|
||||
.wp-bootstrap-dark-mode-toggle {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background: none;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
padding: 0.375rem;
|
||||
color: currentColor;
|
||||
line-height: 1;
|
||||
transition: opacity 0.15s ease-in-out;
|
||||
|
||||
&:hover {
|
||||
opacity: 0.75;
|
||||
}
|
||||
|
||||
&:focus-visible {
|
||||
outline: 2px solid currentColor;
|
||||
outline-offset: 2px;
|
||||
border-radius: 0.25rem;
|
||||
}
|
||||
}
|
||||
|
||||
// Dark mode overrides for block styles with hardcoded colors
|
||||
[data-bs-theme="dark"] {
|
||||
.is-style-alert-info {
|
||||
background-color: #032830;
|
||||
border-color: #055160;
|
||||
color: #6edff6;
|
||||
}
|
||||
|
||||
.is-style-alert-success {
|
||||
background-color: #051b11;
|
||||
border-color: #0a3622;
|
||||
color: #75b798;
|
||||
}
|
||||
|
||||
.is-style-alert-warning {
|
||||
background-color: #332701;
|
||||
border-color: #664d03;
|
||||
color: #ffda6a;
|
||||
}
|
||||
|
||||
.is-style-alert-danger {
|
||||
background-color: #2c0b0e;
|
||||
border-color: #58151c;
|
||||
color: #ea868f;
|
||||
}
|
||||
|
||||
.is-style-card,
|
||||
.is-style-card-shadow {
|
||||
border-color: $gray-600;
|
||||
background: var(--bs-body-bg);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user