diff --git a/src/components/styled/Board.styled.jsx b/src/components/styled/Board.styled.jsx index a3797510..78df458b 100644 --- a/src/components/styled/Board.styled.jsx +++ b/src/components/styled/Board.styled.jsx @@ -86,15 +86,15 @@ export const NavBar = styled.div` return `font-size: 9pt; color: #b86; - a { - font-weight: 400; - padding: 1px; - text-decoration: none; - color: maroon; + a, button { + font-weight: 400 !important; + padding: 1px !important; + text-decoration: none !important; + color: maroon !important; } - a:hover { - color: red; + a:hover, button:hover { + color: red !important; } #board-nav-mobile { @@ -114,15 +114,15 @@ export const NavBar = styled.div` return `font-size: 9pt; color: #89a; - a { - font-weight: 400; - padding: 1px; - text-decoration: none; - color: #34345c; + a, button { + font-weight: 400 !important; + padding: 1px !important; + text-decoration: none !important; + color: #34345c !important; } - a:hover { - color: #d00; + a:hover, button:hover { + color: #d00 !important; } strong { @@ -132,15 +132,15 @@ export const NavBar = styled.div` case 'Futaba': return `font-size: 11pt; - a, a:visited { - font-weight: 400; - padding: 1px; - color: #00e; - text-decoration: underline; + a, a:visited, button { + font-weight: 400 !important; + padding: 1px !important; + color: #00e !important; + text-decoration: underline !important; } - a:hover { - color: red; + a:hover, button:hover { + color: red !important; } #board-nav-mobile { @@ -157,15 +157,15 @@ export const NavBar = styled.div` case 'Burichan': return `font-size: 11pt; - a, a:visited { - font-weight: 400; - padding: 1px; - color: #34345c; - text-decoration: underline; + a, a:visited, button { + font-weight: 400 !important; + padding: 1px !important; + color: #34345c !important; + text-decoration: underline !important; } - a:hover { - color: #d00; + a:hover, button:hover { + color: #d00 !important; } #board-nav-mobile { @@ -179,15 +179,15 @@ export const NavBar = styled.div` return `font-size: 9pt; color: #c5c8c6; - a, a:visited { - font-weight: 400; - padding: 1px; - text-decoration: none; - color: #81a2be; + a, a:visited, button { + font-weight: 400 !important; + padding: 1px !important; + text-decoration: none !important; + color: #81a2be !important; } - a:hover { - color: #5f89ab; + a:hover, button:hover { + color: #5f89ab !important; } #board-nav-mobile { @@ -195,7 +195,7 @@ export const NavBar = styled.div` border-bottom: 2px solid #282a2e; } - #board-select-mobile { + #board-select-mobile { background-color: #282a2e; color: #c5c8c6; border: 1px solid #373b41; @@ -205,15 +205,15 @@ export const NavBar = styled.div` return `font-size: 9pt; color: #333; - a, a:visited { - font-weight: 400; - padding: 1px; - text-decoration: none; - color: #f60; + a, a:visited, button { + font-weight: 400 !important; + padding: 1px !important; + text-decoration: none !important; + color: #f60 !important; } - a:hover { - color: #ff3300; + a:hover, button:hover { + color: #ff3300 !important; } #board-nav-mobile { diff --git a/src/components/styled/Home.styled.jsx b/src/components/styled/Home.styled.jsx index 9b955740..f8c81fa8 100644 --- a/src/components/styled/Home.styled.jsx +++ b/src/components/styled/Home.styled.jsx @@ -150,6 +150,11 @@ export const AboutContent = styled.div` min-height: 91px; } + button { + color: blue !important; + text-decoration: underline !important; + } + a:visited { color: blue; } diff --git a/src/components/views/Board.jsx b/src/components/views/Board.jsx index e21cbd5b..6c426640 100644 --- a/src/components/views/Board.jsx +++ b/src/components/views/Board.jsx @@ -336,6 +336,13 @@ const Board = () => { ))} + [ + + ] [ setIsSettingsOpen(true)}>Settings ] @@ -356,6 +363,11 @@ const Board = () => {
+   setIsSettingsOpen(true)}>Settings   handleStyleChange({target: {value: "Yotsuba"}} @@ -1131,6 +1143,13 @@ const Board = () => { ))} + [ + + ] [ setIsSettingsOpen(true)}>Settings ] diff --git a/src/components/views/Catalog.jsx b/src/components/views/Catalog.jsx index db274f33..874d1e51 100644 --- a/src/components/views/Catalog.jsx +++ b/src/components/views/Catalog.jsx @@ -250,6 +250,13 @@ const Catalog = () => { ))} + [ + + ] [ setIsSettingsOpen(true)}>Settings ] @@ -270,6 +277,11 @@ const Catalog = () => {
+   setIsSettingsOpen(true)}>Settings   handleStyleChange({target: {value: "Yotsuba"}} diff --git a/src/components/views/Home.jsx b/src/components/views/Home.jsx index 39829e7e..1e303ffc 100644 --- a/src/components/views/Home.jsx +++ b/src/components/views/Home.jsx @@ -88,7 +88,12 @@ const Home = () => {
-

Plebchan is a serverless, adminless, decentralized 4chan alternative that uses the plebbit protocol. Users do not need to register an account before participating in the community; anyone can post comments, share media links, and create a board. Search for any board address above, or feel free to click on a popular board below that interests you and jump right in!

+

Plebchan is a serverless, adminless, decentralized 4chan alternative that uses the plebbit protocol. Users do not need to register an account before participating in the community; anyone can post comments, share media links, and . Search for any board address above, or feel free to click on a popular board below that interests you and jump right in!


There are no global rules, each board is completely independent and its owner decides how it should be moderated.

diff --git a/src/components/views/Thread.jsx b/src/components/views/Thread.jsx index a935db96..86e59686 100644 --- a/src/components/views/Thread.jsx +++ b/src/components/views/Thread.jsx @@ -293,6 +293,13 @@ const Thread = () => { ))} + [ + + ] [ setIsSettingsOpen(true)}>Settings ] @@ -313,6 +320,11 @@ const Thread = () => {
+   setIsSettingsOpen(true)}>Settings   handleStyleChange({target: {value: "Yotsuba"}}