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

add highlight distinction

Browse Source
This commit is contained in:
plebeius.eth
2023-06-21 09:57:00 +02:00
parent 6b1bb46fa2
commit 43aa1a1a90
5 changed files with 53 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/styled/views/Board.styled.jsx
+12 -12
View File
@@ -1734,7 +1734,7 @@ export const BoardForm = styled.div`
${({ selectedStyle }) => {
switch (selectedStyle) {
case 'Yotsuba':
return `.highlighted {
return `.highlighted, .highlighted-click, .highlighted-address {
background-color: #f0c0b0 !important;
border: 1px solid #d99f91 !important;
border-left: none !important;
@@ -1761,7 +1761,7 @@ export const BoardForm = styled.div`
}`;
case 'Yotsuba-B':
return `.highlighted {
return `.highlighted, .highlighted-click, .highlighted-address {
background-color: #d6bad0 !important;
border: 1px solid #ba9dbf !important;
border-left: none !important;
@@ -1788,7 +1788,7 @@ export const BoardForm = styled.div`
}`;
case 'Futaba':
return `.highlighted {
return `.highlighted, .highlighted-click, .highlighted-address {
background-color: #f0c0b0 !important;
}
@@ -1812,7 +1812,7 @@ export const BoardForm = styled.div`
}`;
case 'Burichan':
return `.highlighted {
return `.highlighted, .highlighted-click, .highlighted-address {
background-color: #d6bad0 !important;
}
@@ -1836,7 +1836,7 @@ export const BoardForm = styled.div`
}`;
case 'Tomorrow':
return `.highlighted {
return `.highlighted, .highlighted-click, .highlighted-address {
background-color: #1d1d21 !important;
outline: 1px solid #111 !important;
}
@@ -1860,7 +1860,7 @@ export const BoardForm = styled.div`
}`;
case 'Photon':
return `.highlighted {
return `.highlighted, .highlighted-click, .highlighted-address {
background-color: #ccc !important;
outline: 1px solid #ccc !important;
}
@@ -3228,32 +3228,32 @@ export const BoardForm = styled.div`
${({ selectedStyle }) => {
switch (selectedStyle) {
case 'Yotsuba':
return `.highlighted {
return `.highlighted, .highlighted-click, .highlighted-address {
background-color: #f0c0b0 !important;
}`;
case 'Yotsuba-B':
return `.highlighted {
return `.highlighted, .highlighted-click, .highlighted-address {
background-color: #d6bad0 !important;
}`;
case 'Futaba':
return `.highlighted {
return `.highlighted, .highlighted-click, .highlighted-address {
background-color: #f0c0b0 !important;
}`;
case 'Burichan':
return `.highlighted {
return `.highlighted, .highlighted-click, .highlighted-address {
background-color: #d6bad0 !important;
}`;
case 'Tomorrow':
return `.highlighted {
return `.highlighted, .highlighted-click, .highlighted-address {
background-color: #1d1d21 !important;
}`;
case 'Photon':
return `.highlighted {
return `.highlighted, .highlighted-click, .highlighted-address {
background-color: #ccc !important;
}`;
src/components/styled/views/Catalog.styled.jsx
+6 -6
View File
@@ -114,7 +114,7 @@ export const PostMenuCatalog = styled.div`
${({ selectedStyle }) => {
switch (selectedStyle) {
case 'Yotsuba':
return `.highlighted {
return `.highlighted, .highlighted-click, .highlighted-address {
background-color: #f0c0b0 !important;
border: 1px solid #d99f91 !important;
border-left: none !important;
@@ -137,7 +137,7 @@ export const PostMenuCatalog = styled.div`
}`;
case 'Yotsuba-B':
return `.highlighted {
return `.highlighted, .highlighted-click, .highlighted-address {
background-color: #d6bad0 !important;
border: 1px solid #ba9dbf !important;
border-left: none !important;
@@ -160,7 +160,7 @@ export const PostMenuCatalog = styled.div`
}`;
case 'Futaba':
return `.highlighted {
return `.highlighted, .highlighted-click, .highlighted-address {
background-color: #f0c0b0 !important;
}
@@ -180,7 +180,7 @@ export const PostMenuCatalog = styled.div`
}`;
case 'Burichan':
return `.highlighted {
return `.highlighted, .highlighted-click, .highlighted-address {
background-color: #d6bad0 !important;
}
@@ -200,7 +200,7 @@ export const PostMenuCatalog = styled.div`
}`;
case 'Tomorrow':
return `.highlighted {
return `.highlighted, .highlighted-click, .highlighted-address {
background-color: #1d1d21 !important;
border: 1px solid #111 !important;
}
@@ -220,7 +220,7 @@ export const PostMenuCatalog = styled.div`
}`;
case 'Photon':
return `.highlighted {
return `.highlighted, .highlighted-click, .highlighted-address {
background-color: #ccc !important;
border: 1px solid #ccc !important;
}
src/components/styled/views/Thread.styled.jsx
+12 -12
View File
@@ -923,7 +923,7 @@ export const BoardForm = styled.div`
${({ selectedStyle }) => {
switch (selectedStyle) {
case 'Yotsuba':
return `.highlighted {
return `.highlighted, .highlighted-click, .highlighted-address {
background-color: #f0c0b0 !important;
border: 1px solid #d99f91 !important;
border-left: none !important;
@@ -948,7 +948,7 @@ export const BoardForm = styled.div`
}`;
case 'Yotsuba-B':
return `.highlighted {
return `.highlighted, .highlighted-click, .highlighted-address {
background-color: #d6bad0 !important;
border: 1px solid #ba9dbf !important;
border-left: none !important;
@@ -972,7 +972,7 @@ export const BoardForm = styled.div`
}`;
case 'Futaba':
return `.highlighted {
return `.highlighted, .highlighted-click, .highlighted-address {
background-color: #f0c0b0 !important;
}
@@ -995,7 +995,7 @@ export const BoardForm = styled.div`
}`;
case 'Burichan':
return `.highlighted {
return `.highlighted, .highlighted-click, .highlighted-address {
background-color: #d6bad0 !important;
}
@@ -1018,7 +1018,7 @@ export const BoardForm = styled.div`
}`;
case 'Tomorrow':
return `.highlighted {
return `.highlighted, .highlighted-click, .highlighted-address {
background-color: #1d1d21 !important;
outline: 1px solid #111 !important;
}
@@ -1040,7 +1040,7 @@ export const BoardForm = styled.div`
}`;
case 'Photon':
return `.highlighted {
return `.highlighted, .highlighted-click, .highlighted-address {
background-color: #ccc !important;
outline: 1px solid #ccc !important;
}
@@ -2372,32 +2372,32 @@ export const BoardForm = styled.div`
${({ selectedStyle }) => {
switch (selectedStyle) {
case 'Yotsuba':
return `.highlighted {
return `.highlighted, .highlighted-click, .highlighted-address {
background-color: #f0c0b0 !important;
}`;
case 'Yotsuba-B':
return `.highlighted {
return `.highlighted, .highlighted-click, .highlighted-address {
background-color: #d6bad0 !important;
}`;
case 'Futaba':
return `.highlighted {
return `.highlighted, .highlighted-click, .highlighted-address {
background-color: #f0c0b0 !important;
}`;
case 'Burichan':
return `.highlighted {
return `.highlighted, .highlighted-click, .highlighted-address {
background-color: #d6bad0 !important;
}`;
case 'Tomorrow':
return `.highlighted {
return `.highlighted, .highlighted-click, .highlighted-address {
background-color: #1d1d21 !important;
}`;
case 'Photon':
return `.highlighted {
return `.highlighted, .highlighted-click, .highlighted-address {
background-color: #ccc !important;
}`;