/** * ثهلان – ثيم عدد يوم التأسيس * ألوان هوية يوم التأسيس السعودي (الأرض، الوضوح، العزم، الأصالة + ثانوية) * استخدمه لمقالات عدد يوم التأسيس: أضف class="theme-foundation" على واربط هذا الملف. */ /* ألوان الهوية الرسمية ليوم التأسيس */ html.theme-foundation { --foundation-earth: #DEC9B2; --foundation-clarity: #F4EADA; --foundation-resolution: #231f20; --foundation-authenticity: #6B4E45; --foundation-gold: #F5D758; --foundation-warm: #BA7747; --foundation-accent-soft: rgba(107, 78, 69, 0.12); --foundation-gold-soft: rgba(245, 215, 88, 0.15); } /* ========== الوضع الفاتح – مقالات يوم التأسيس ========== */ html.theme-foundation:not([data-theme="dark"]) { --bg: #F8F4EF; --bg-soft: #F4EADA; --bg-card: #FFFFFF; --text: #231f20; --text-soft: #3d3634; --muted: #6B4E45; --primary: #6B4E45; --primary-2: #5a4239; --primary-3: #7d5f54; --accent: #BA7747; --accent-gold: #C99B2E; --accent-soft: rgba(186, 119, 71, 0.14); --accent-gold-soft: rgba(245, 215, 88, 0.12); --border: rgba(107, 78, 69, 0.2); } html.theme-foundation:not([data-theme="dark"]) body { background: linear-gradient(180deg, #FDFBF8 0%, #F4EADA 50%, #EDE4D8 100%); } html.theme-foundation:not([data-theme="dark"]) .article-header .category { color: var(--primary); font-weight: 700; } html.theme-foundation:not([data-theme="dark"]) .article-header .category:hover { color: var(--accent); } html.theme-foundation:not([data-theme="dark"]) .article-header h1 { color: var(--text); } html.theme-foundation:not([data-theme="dark"]) .article-header .dek { color: var(--text-soft); } html.theme-foundation:not([data-theme="dark"]) .article-body, html.theme-foundation:not([data-theme="dark"]) .article-body p { color: var(--text); } /* شريط علوي تذكاري ليوم التأسيس (اختياري) */ html.theme-foundation .article-header::before { content: ''; display: block; height: 4px; margin: -8px 0 20px 0; border-radius: 2px; background: linear-gradient(90deg, var(--foundation-authenticity), var(--foundation-warm), var(--foundation-gold)); } /* إطار الصورة المميزة بألوان التأسيس */ html.theme-foundation .article-featured-image { border-radius: var(--radius, 12px); overflow: hidden; border: 1px solid var(--border); box-shadow: 0 4px 24px var(--foundation-gold-soft); } html.theme-foundation .article-featured-image figcaption { background: var(--bg-soft); color: var(--text-soft); border-top: 1px solid var(--border); } /* اقتباسات وأزرار داخل المقال */ html.theme-foundation .article-body .drop-cap { color: var(--text); } html.theme-foundation .article-body blockquote, html.theme-foundation .article-body .article-byline { border-right-color: var(--accent); background: var(--accent-soft); } html.theme-foundation .btn-primary { background: linear-gradient(135deg, var(--foundation-authenticity), var(--foundation-warm)); color: var(--foundation-clarity); } html.theme-foundation .btn-primary:hover { background: linear-gradient(135deg, var(--foundation-warm), var(--accent)); color: #fff; } /* ========== الوضع الداكن – مقالات يوم التأسيس ========== */ html.theme-foundation[data-theme="dark"] { --bg: #1c1918; --bg-soft: #262220; --bg-card: #2d2826; --text: #F4EADA; --text-soft: #DEC9B2; --muted: #b8a99a; --primary: #DEC9B2; --primary-2: #E8DCCE; --primary-3: #C4B5A0; --accent: #D4A574; --accent-gold: #F5D758; --accent-soft: rgba(107, 78, 69, 0.25); --accent-gold-soft: rgba(245, 215, 88, 0.12); --border: rgba(222, 201, 178, 0.15); } html.theme-foundation[data-theme="dark"] body { background: linear-gradient(180deg, #1c1918 0%, #231f20 50%, #262220 100%); } html.theme-foundation[data-theme="dark"] .article-header .category { color: var(--foundation-gold); } html.theme-foundation[data-theme="dark"] .article-header .category:hover { color: var(--accent); } html.theme-foundation[data-theme="dark"] .article-header::before { background: linear-gradient(90deg, var(--foundation-authenticity), var(--foundation-warm), var(--foundation-gold)); opacity: 0.9; } html.theme-foundation[data-theme="dark"] .article-featured-image { box-shadow: 0 4px 24px rgba(0,0,0,0.35); border-color: rgba(222, 201, 178, 0.2); } /* الهيدر والفوتر داخل الصفحة يتبعان الثيم المعتاد؛ الثيم هنا للمقال فقط إن أردت عزل الهيدر لاحقاً يمكن إضافة .theme-foundation header { ... } */ html.theme-foundation[data-theme="dark"] main .article-meta, html.theme-foundation[data-theme="dark"] main .article-dates { color: var(--text-soft); } html.theme-foundation[data-theme="dark"] main .article-body, html.theme-foundation[data-theme="dark"] main .article-body p { color: var(--text); }