External/5chan
1
0
Fork 0
mirror of https://github.com/bitsocialnet/5chan.git synced 2026-08-03 07:41:04 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat: add board-banner

Browse Source
This commit is contained in:
plebeius.eth
2024-03-19 21:12:57 +01:00
parent b1944de43e
commit b99e9f143b
7 changed files with 102 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/themes.css
+29 -1
View File
@@ -2,11 +2,14 @@
--background-base-color: #ffe;
--background-pattern-image: url("/public/assets/background-fade.png");
--background-text-color: #fff;
--banner-image-border: 1px solid #800;
--boardnav-font-size: 9pt;
--boardnav-separator-color: #b86;
--boardnav-mobile-background-color: #f0e0d6;
--boardnav-mobile-border-bottom: 2px solid #d9c5b7;
--boardnav-mobile-font-size: 10px;
--board-title-font-size: 28px;
--board-title-font-family: Tahoma, sans-serif;
--body-font-color: maroon;
--body-font-family: arial, helvetica, sans-serif;
--body-font-size: 10pt;
@@ -14,8 +17,11 @@
--color1: #800;
--color2: #fca;
--color3: #fed;
--external-link-text-color: #00f;
--external-link-text-color: rgb(160, 160, 180);
--external-link-text-decoration: underline;
--hr-border: none;
--hr-border-top: 1px solid #d9bfb7;
--hr-height: 0px;
--internal-link-text-color: #800;
--internal-link-text-color-hover: #e00;
--internal-link-text-decoration: none;
@@ -32,11 +38,15 @@
--background-base-color: #eef2ff;
--background-pattern-image: url("/public/assets/background-fade-blue.png");
--background-text-color: #fff;
--banner-image-border: 1px solid #000;
--boardnav-font-size: 9pt;
--boardnav-separator-color: #89a;
--boardnav-mobile-background-color: #d6daf0;
--boardnav-mobile-border-bottom: 2px solid #b7c5d9;
--boardnav-mobile-font-size: 10px;
--board-title-font-size: 28px;
--board-title-font-family: Tahoma, sans-serif;
--board-title-text-color: #af0a0f;
--body-font-color: #000;
--body-font-family: arial, helvetica, sans-serif;
--body-font-size: 10pt;
@@ -46,6 +56,8 @@
--color3: #eef2ff;
--external-link-text-color: #00f;
--external-link-text-decoration: underline;
--hr-border: none;
--hr-border-top: 1px solid #b7c5d9;
--internal-link-text-color: #34345c;
--internal-link-text-color-hover: #d00;
--internal-link-text-decoration: none;
@@ -67,6 +79,7 @@
--boardnav-mobile-background-color: #f0e0d6;
--boardnav-mobile-border-bottom: 2px solid #d9c5b7;
--boardnav-mobile-font-size: 11pt;
--board-title-font-size: 32px;
--body-font-color: maroon;
--body-font-family: times new roman, serif;
--body-font-size: 12pt;
@@ -97,6 +110,8 @@
--boardnav-mobile-background-color: #d6daf0;
--boardnav-mobile-border-bottom: 2px solid #b7c5d9;
--boardnav-mobile-font-size: 11pt;
--board-title-font-size: 32px;
--board-title-text-color: #af0a0f;
--body-font-color: #000;
--body-font-family: times new roman, serif;
--body-font-size: 12pt;
@@ -123,17 +138,23 @@
--background-base-color: #1d1f21;
--background-pattern-image: none;
--background-text-color: #282a2e;
--banner-image-border: 1px solid #000;
--boardnav-font-size: 9pt;
--boardnav-separator-color: #c5c8c6;
--boardnav-mobile-background-color: #1d1f21;
--boardnav-mobile-border-bottom: 2px solid #282a2e;
--boardnav-mobile-font-size: 10px;
--board-title-font-size: 28px;
--board-title-font-family: Tahoma, sans-serif;
--body-font-color: #c5c8c6;
--body-font-family: arial, helvetica, sans-serif;
--body-font-size: 10pt;
--box-border-color: rgb(45, 47, 51);
--color1: rgb(33, 35, 38);
--color2: rgb(33, 35, 38);
--hr-border: none;
--hr-border-top: 1px solid #282a2e;
--hr-height: 0px;
--internal-link-text-color: #81a2be;
--internal-link-text-color-hover: #5f89ac;
--text-color: #c5c8c6;
@@ -146,14 +167,21 @@
:root .photon {
--background-base-color: #eee;
--background-pattern-image: none;
--banner-image-border: 1px solid #000;
--boardnav-font-size: 9pt;
--boardnav-separator-color: #333;
--boardnav-mobile-background-color: #ddd;
--boardnav-mobile-border-bottom: 2px solid #ccc;
--boardnav-mobile-font-size: 10px;
--board-title-font-size: 28px;
--board-title-font-family: Tahoma, sans-serif;
--board-title-text-color: #004a99;
--body-font-color: #333;
--body-font-family: arial, helvetica, sans-serif;
--body-font-size: 10pt;
--hr-border: none;
--hr-border-top: 1px solid #ddd;
--hr-height: 0px;
--internal-link-text-color: #f60;
--internal-link-text-color-hover: #f30;
--text-color: #333;