jekyll-bear-theme 0.2.4 → 0.3.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: bf797690bed536ffe7644ac0eda0ef8be4ea909bd115f9c71cbc41762edfa77c
-  data.tar.gz: 6dc66e27382cce24c1a0b64c94d7be4e85113afdfaa1635d793ebd1f377715b3
+  metadata.gz: 3d03b43a44bb6836f6c5e1e9aa92d850aaf064b9ca8c6e7857554909e6a53dbf
+  data.tar.gz: cf00fe723e7d08808aa0a8e36861262554058004b790db48bc6f7f4fd940aea2
 SHA512:
-  metadata.gz: e4d072da4d9d67c53729675503da52780c2ccfd8918edbd731a01e824f68564b129e784a3d9acda360a532d8173ac3230e60a447800d1940cb37fd9a4716fc9e
-  data.tar.gz: 3d525e9fa0717bcc71250d1370f1699cd3263ed95aca5f4218a49fb0fc259216b91f0e1ad955b290fa0e71860a17179d4841022d07242d3c602ce62e74ace468
+  metadata.gz: 38550f11d7725953e630b3514e83dc690ace23b525bc1aa528ffe24decb3b61cafa2044d311efb2af920b55b3d0e4ea0367d0ad392ab8373aee90dedf88f41ad
+  data.tar.gz: b533bf95ddb547ff7bc5c14c58046a27abdcf9485eb3d827a66f3e915c18bf28ed23d1713fefaff3c0ac034c8ca431ef35a41ea065a6495e2afe4ca25398f41a

data/README.md

@@ -18,7 +18,7 @@ This is a port of it's theme to Jekyll, with some tweaks. So you can use GitHub
 - Code highlighting
 - **Life in Weeks visualization** - Interactive timeline of your life events
 - **IBM Plex Mono typography** - Consistent monospace font across all elements
-- **Coffee-themed color palette** - Warm, coffee-inspired colors with automatic dark mode
+- **Pine Forest color palette** - Cool, nature-inspired greens with automatic dark mode
 
 ## Screenshots
 
@@ -61,7 +61,7 @@ Or install it yourself as:
 
 ### Design Philosophy
 
-jekyllBear now features a **monospace-first design** with IBM Plex Mono typography, creating a technical yet warm aesthetic. The coffee-themed color palette provides visual comfort while maintaining excellent readability across light and dark modes.
+jekyllBear now features a **monospace-first design** with IBM Plex Mono typography, creating a technical yet natural aesthetic. The pine forest color palette provides visual tranquility while maintaining excellent readability across light and dark modes, evoking the calm and focus of a peaceful woodland environment.
 
 ### Customization
 
@@ -69,7 +69,9 @@ The theme's CSS is now highly modular and customizable:
 
 - **Typography**: Modify `--font-main`, `--font-secondary`, and `--font-monospace` variables
 - **Spacing**: Use the standardized spacing scale for consistent layouts
-- **Colors**: All theme colors are centralized in CSS custom properties
+- **Colors**: All theme colors are centralized in CSS custom properties for easy customization
+- **Pine Forest Palette**: Cool greens ranging from light pine mist to deep forest shadows
+- **Glow Effects**: Configurable glow colors via `--glow-color-light` and `--glow-color-medium`
 - **Layout**: Responsive design with mobile-first approach
 
 ## Usage

data/assets/style.css

@@ -1,5 +1,5 @@
 /* =============================================================================
-   JEKYLL BEAR THEME - COFFEE AESTHETIC
+   JEKYLL BEAR THEME - PINE FOREST AESTHETIC
    ============================================================================= */
 /* =============================================================================
    FONTS & IMPORTS
@@ -40,35 +40,43 @@
     --z-dropdown: 200;
     --z-modal: 1000;
     
-    /* Coffee Theme Colors - Light Mode */
-    --background-color: #F8F1E5; /* Lighter cream */
-    --heading-color: #2C1E15; /* Darker roast coffee */
-    --text-color: #1F1408; /* Darker espresso */
-    --link-color: #7C4011; /* Darker caramel */
-    --visited-color: #5E3211; /* Darker roasted coffee beans */
-    --main-color: #96572D; /* Darker café au lait */
-    --code-background-color: #E6D7C3; /* Coffee stained paper */
-    --code-color: #2C1E15; /* Darker roast coffee */
-    --blockquote-color: #B99B6B; /* Darker café latte foam */
+    /* Pine Forest Theme Colors - Light Mode */
+    --background-color: #F5F7F3; /* Light pine needle mist */
+    --heading-color: #1A3025; /* Deep forest green */
+    --text-color: #0F2018; /* Dark pine shadow */
+    --link-color: #2D5016; /* Forest moss */
+    --visited-color: #1E3A11; /* Deep woodland */
+    --main-color: #4A7C59; /* Pine needle green */
+    --code-background-color: #E8EDEA; /* Frosted pine */
+    --code-color: #1A3025; /* Deep forest green */
+    --blockquote-color: #7A9B85; /* Sage green */
     
     /* Interactive colors derived from theme */
     --hover-color: white;
     --border-color: var(--blockquote-color);
     --shadow-color: rgba(0, 0, 0, 0.18);
+    
+    /* Glow effects for interactive elements */
+    --glow-color-light: rgba(45, 80, 22, 0.3);
+    --glow-color-medium: rgba(45, 80, 22, 0.5);
 }
 
 /* Dark Mode Color Overrides */
 @media (prefers-color-scheme: dark) {
     :root {
-        --background-color: #1A1310; /* Darker espresso */
-        --heading-color: #F0DFC0; /* Lighter café latte foam */
-        --text-color: #F0E6D2; /* Lighter coffee stained paper */
-        --link-color: #E5A254; /* Lighter caramel drizzle */
-        --visited-color: #C49B76; /* Lighter roasted coffee beans */
-        --main-color: #B89470; /* Lighter mocha */
-        --code-background-color: #2C2117; /* Dark chocolate coffee */
-        --code-color: #F0DFC0; /* Lighter café latte foam */
-        --blockquote-color: #6E563D; /* Lighter coffee grounds */
+        --background-color: #0D1B12; /* Dark pine shadow */
+        --heading-color: #C8D8CE; /* Light pine mist */
+        --text-color: #E0EADE; /* Pale forest light */
+        --link-color: #7AB069; /* Bright moss green */
+        --visited-color: #9BC490; /* Light woodland */
+        --main-color: #8BB899; /* Soft pine green */
+        --code-background-color: #1A2B1F; /* Dark evergreen */
+        --code-color: #C8D8CE; /* Light pine mist */
+        --blockquote-color: #4A6B52; /* Forest undergrowth */
+        
+        /* Dark mode glow effects */
+        --glow-color-light: rgba(122, 176, 105, 0.3);
+        --glow-color-medium: rgba(122, 176, 105, 0.5);
     }
 }
 
@@ -399,11 +407,11 @@ input[type=reset] {
     animation: pulse 2s ease-in-out infinite;
     border-width: 2px;
     border-color: var(--link-color);
-    box-shadow: 0 0 10px rgba(124, 64, 17, 0.3);
+    box-shadow: 0 0 10px var(--glow-color-light);
 }
 
 .week.current.has-events {
-    box-shadow: 0 0 10px rgba(124, 64, 17, 0.5);
+    box-shadow: 0 0 10px var(--glow-color-medium);
 }
 
 @keyframes pulse {
@@ -424,11 +432,11 @@ input[type=reset] {
 /* Dark Mode Week Adjustments */
 @media (prefers-color-scheme: dark) {
     .week.current {
-        box-shadow: 0 0 10px rgba(229, 162, 84, 0.3);
+        box-shadow: 0 0 10px var(--glow-color-light);
     }
     
     .week.current.has-events {
-        box-shadow: 0 0 10px rgba(229, 162, 84, 0.5);
+        box-shadow: 0 0 10px var(--glow-color-medium);
     }
 }
 
@@ -510,7 +518,7 @@ input[type=reset] {
     animation: carousel-pulse 1.2s cubic-bezier(0.4,0,0.6,1) infinite;
     border-width: 2px !important;
     border-color: var(--link-color) !important;
-    box-shadow: 0 0 10px rgba(124, 64, 17, 0.5);
+    box-shadow: 0 0 10px var(--glow-color-medium);
     z-index: 2;
 }
 

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-bear-theme
 version: !ruby/object:Gem::Version
-  version: 0.2.4
+  version: 0.3.0
 platform: ruby
 authors:
 - knhash
@@ -66,8 +66,9 @@ dependencies:
       - !ruby/object:Gem::Version
         version: '1.7'
 description: jekyllBear is a clean, minimal Jekyll theme focused on readability and
-  simplicity. Features include a responsive design, tag system, life tracking, and
-  a distraction-free reading experience inspired by Bear Blog.
+  simplicity. Features a Pine Forest color palette with cool, nature-inspired greens,
+  IBM Plex Mono typography, responsive design, tag system, life tracking visualization,
+  and a distraction-free reading experience inspired by Bear Blog.
 email:
 - mail@knhash.in
 executables: []
@@ -133,5 +134,5 @@ required_rubygems_version: !ruby/object:Gem::Requirement
 requirements: []
 rubygems_version: 3.6.2
 specification_version: 4
-summary: A minimal, text focused blog theme inspired by Bear Blog
+summary: A minimal, text focused blog theme with Pine Forest aesthetics
 test_files: []