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

style(board banner): add themes for board subtitle

Browse Source
This commit is contained in:
plebeius.eth
2024-03-20 12:25:00 +01:00
parent 48f22055f4
commit 3be0214e86
3 changed files with 11 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/board-banner/board-banner.module.css
+2 -2
View File
@@ -21,8 +21,8 @@
.boardAddress {
padding-top: 5px;
font-size: smaller;
color: var(--board-title-text-color);
font-size: var(--board-subtitle-font-size);
color: var(--board-subtitle-text-color);
}
.content hr {
src/components/board-banner/board-banner.tsx
+1 -1
View File
@@ -3,7 +3,7 @@ import { useParams } from 'react-router-dom';
import { useSubplebbit } from '@plebbit/plebbit-react-hooks';
import styles from './board-banner.module.css';
const totalBanners = 24;
const totalBanners = 25;
const ImageBanner = () => {
const [imagePath] = useState(() => {
src/themes.css
+8
View File
@@ -10,6 +10,7 @@
--boardnav-mobile-font-size: 10px;
--board-title-font-size: 28px;
--board-title-font-family: Tahoma, sans-serif;
--board-subtitle-font-size: x-small;
--body-font-color: maroon;
--body-font-family: arial, helvetica, sans-serif;
--body-font-size: 10pt;
@@ -47,6 +48,8 @@
--board-title-font-size: 28px;
--board-title-font-family: Tahoma, sans-serif;
--board-title-text-color: #af0a0f;
--board-subtitle-text-color: #af0a0f;
--board-subtitle-font-size: x-small;
--body-font-color: #000;
--body-font-family: arial, helvetica, sans-serif;
--body-font-size: 10pt;
@@ -80,6 +83,7 @@
--boardnav-mobile-border-bottom: 2px solid #d9c5b7;
--boardnav-mobile-font-size: 11pt;
--board-title-font-size: 32px;
--board-subtitle-font-size: 10pt;
--body-font-color: maroon;
--body-font-family: times new roman, serif;
--body-font-size: 12pt;
@@ -112,6 +116,8 @@
--boardnav-mobile-font-size: 11pt;
--board-title-font-size: 32px;
--board-title-text-color: #af0a0f;
--board-subtitle-text-color: #af0a0f;
--board-subtitle-font-size: 10pt;
--body-font-color: #000;
--body-font-family: times new roman, serif;
--body-font-size: 12pt;
@@ -146,6 +152,7 @@
--boardnav-mobile-font-size: 10px;
--board-title-font-size: 28px;
--board-title-font-family: Tahoma, sans-serif;
--board-subtitle-font-size: x-small;
--body-font-color: #c5c8c6;
--body-font-family: arial, helvetica, sans-serif;
--body-font-size: 10pt;
@@ -176,6 +183,7 @@
--board-title-font-size: 28px;
--board-title-font-family: Tahoma, sans-serif;
--board-title-text-color: #004a99;
--board-subtitle-font-size: x-small;
--body-font-color: #333;
--body-font-family: arial, helvetica, sans-serif;
--body-font-size: 10pt;