- Fix txtPrimary & txtSecondary class positions

- Add linkPrimary class for link colour
pull/176/head
Facinorous 2 years ago
parent 49d1a70b27
commit e6b1e72ef7

1
.github/README.md vendored

@ -290,6 +290,7 @@ If you want to customize the font or colours of the viewer page, create a file i
| **`bgViewer`** | Background colour for the viewer element | | **`bgViewer`** | Background colour for the viewer element |
| **`txtPrimary`** | Primary text colour; this should be your main brand colour. | | **`txtPrimary`** | Primary text colour; this should be your main brand colour. |
| **`txtSecondary`** | Secondary text colour; this is used for the file details. | | **`txtSecondary`** | Secondary text colour; this is used for the file details. |
| **`linkPrimary`** | Primary link colour |
| **`linkHover`** | Colour of the `hover` effect for links | | **`linkHover`** | Colour of the `hover` effect for links |
| **`linkActive`** | Colour of the `active` effect for links | | **`linkActive`** | Colour of the `active` effect for links |
| **`borderHover`** | Colour of the `hover` effect for borders; this is used for the underlining links. | | **`borderHover`** | Colour of the `hover` effect for borders; this is used for the underlining links. |

@ -18,10 +18,11 @@ const defaults = {
bgViewer: '#151515', bgViewer: '#151515',
// Text colours // Text colours
txtPrimary: '#FD842D', txtPrimary: '#BDBDBD',
txtSecondary: '#BDBDBD', txtSecondary: '#BDBDBD',
// Links // Links
linkPrimary: '#FD842D',
linkHover: '#FD710D', linkHover: '#FD710D',
linkActive: '#DE5E02', linkActive: '#DE5E02',

@ -13,7 +13,7 @@
@apply no-underline hover_no-underline active_no-underline visited_no-underline @apply no-underline hover_no-underline active_no-underline visited_no-underline
/* regular, visited */ /* regular, visited */
text-primary visited_text-primary text-link visited_text-link
border-b-2 visited_border-b-2 border-b-2 visited_border-b-2
border-transparent visited_border-transparent border-transparent visited_border-transparent
rounded-sm visited_rounded-sm rounded-sm visited_rounded-sm

@ -21,10 +21,10 @@ html
* { display: none !important; } * { display: none !important; }
meta(http-equiv='refresh' content=`0; url='${resourceAttr.src}'`) meta(http-equiv='refresh' content=`0; url='${resourceAttr.src}'`)
body.font-main.text-secondary.bg-page body.font-main.bg-page
.w-full.h-full.flex.justify-center.items-center.text-center .w-full.h-full.flex.justify-center.items-center.text-center
.bg-viewer.rounded-24 .bg-viewer.rounded-24
h4.mx-4.mt-6.mb-4.text-3xl.font-main!=title h4.mx-4.mt-6.mb-4.text-3xl.font-main.text-primary!=title
figure.block.mx-10.my-4.flex.flex-col.align-items-center figure.block.mx-10.my-4.flex.flex-col.align-items-center
if fileIs.video if fileIs.video
video.res-media(controls loop muted playsinline preload='metadata')&attributes(resourceAttr) video.res-media(controls loop muted playsinline preload='metadata')&attributes(resourceAttr)
@ -36,10 +36,10 @@ html
code!=mimetype code!=mimetype
figcaption figcaption
br br
span.text-2xl Uploaded by #[strong!=uploader] span.text-2xl.text-primary Uploaded by #[strong!=uploader]
br br
span #{timestamp} (#{size}) span.text-secondary #{timestamp} (#{size})
br br
span: a.link(href='#' onclick=`window.location = '${resourceAttr.src}?download=yes'; return false;` download=title) Download span: a.link(href='#' onclick=`window.location = '${resourceAttr.src}?download=yes'; return false;` download=title) Download
if showAd if showAd
.mx-4.mb-8.text-footer: p Image hosted by #[a.link(href='https://github.com/tycrek/ass' target='_blank'): strong ass], the superior self-hosted ShareX server .mx-4.mb-8.text-footer.text-secondary: p Image hosted by #[a.link(href='https://github.com/tycrek/ass' target='_blank'): strong ass], the superior self-hosted ShareX server

Loading…
Cancel
Save