From 0cbd1df7b8ca69b1f2bfe647ab2e4c90e6f9e3f3 Mon Sep 17 00:00:00 2001 From: Dan Date: Wed, 14 Jan 2026 09:44:14 +0000 Subject: [PATCH] cover variables --- static/test/moleskine.html | 19 ++++++++++++++----- 1 file changed, 14 insertions(+), 5 deletions(-) diff --git a/static/test/moleskine.html b/static/test/moleskine.html index e55b5c6..fca01a2 100644 --- a/static/test/moleskine.html +++ b/static/test/moleskine.html @@ -13,7 +13,8 @@ --border-radius: 30px; --paper-color: #fff8dc; - --leather-color: #8b6f47; + --cover-color-top: #be8f32; + --cover-color-bottom: #846f24; --line-color: rgba(135, 180, 210, 0.25); --internal-border-radius: calc(var(--border-radius) * 0.9); @@ -51,8 +52,8 @@ height: 100%; background: linear-gradient( 135deg, - var(--leather-color) 0%, - #6d5638 100% + var(--cover-color-top) 0%, + var(--cover-color-bottom) 100% ); z-index: 1; border-radius: var(--border-radius); @@ -73,7 +74,11 @@ rgba(70, 50, 30, 0.3) 0%, transparent 60% ), - linear-gradient(135deg, var(--leather-color) 0%, #6d5638 100%); + linear-gradient( + 135deg, + var(--cover-color-top) 0%, + var(--cover-color-top) 100% + ); box-shadow: inset -2px 0 8px rgba(0, 0, 0, 0.4), inset 2px 2px 4px rgba(160, 130, 90, 0.3); @@ -94,7 +99,11 @@ rgba(70, 50, 30, 0.3) 0%, transparent 60% ), - linear-gradient(225deg, var(--leather-color) 0%, #6d5638 100%); + linear-gradient( + 225deg, + var(--cover-color-top) 0%, + var(--cover-color-bottom) 100% + ); box-shadow: inset 2px 0 8px rgba(0, 0, 0, 0.4), inset -2px 2px 4px rgba(160, 130, 90, 0.3);