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

update mobile button themes

Browse Source
This commit is contained in:
plebeius.eth
2024-03-21 22:30:36 +01:00
parent 61d58340be
commit 7e33a5de8e
2 changed files with 32 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/post-form/post-form.module.css
+1
View File
@@ -29,6 +29,7 @@
color: var(--button-text-color-mobile); color: var(--button-text-color-mobile);
border: var(--button-border-mobile); border: var(--button-border-mobile);
background-image: var(--button-background-image-mobile); background-image: var(--button-background-image-mobile);
background: var(--button-background-mobile);
background-repeat: var(--button-background-repeat-mobile); background-repeat: var(--button-background-repeat-mobile);
text-decoration: var(--button-text-decoration-mobile); text-decoration: var(--button-text-decoration-mobile);
user-select: none; user-select: none;
src/themes.css
+31
View File
@@ -161,6 +161,14 @@
--button-text-color-hover: red; --button-text-color-hover: red;
--button-text-decoration: underline; --button-text-decoration: underline;
/* mobile buttons */
--button-font-size-mobile: 11pt;
--button-font-weight-mobile: 700;
--button-text-color-mobile: #800;
--button-background-image-mobile: url("/public/assets/buttons/button-fade.png");
--button-background-color-mobile: #f0e0d6;
--button-border-mobile: 1px solid #c0a69d;
/* footer */ /* footer */
--footer-item-background-color-desktop: #fed; --footer-item-background-color-desktop: #fed;
@@ -215,6 +223,14 @@
--button-text-decoration: underline; --button-text-decoration: underline;
--button-text-color-hover: #d00; --button-text-color-hover: #d00;
/* mobile buttons */
--button-font-size-mobile: 11pt;
--button-font-weight-mobile: 700;
--button-text-color-mobile: #34345c;
--button-background-image-mobile: url("/public/assets/buttons/button-fade-blue.png");
--button-background-color-mobile: #d6daf0;
--button-border-mobile: 1px solid #b7c5d9;
/* footer */ /* footer */
--footer-item-background-color-desktop: #eef2ff; --footer-item-background-color-desktop: #eef2ff;
@@ -265,6 +281,14 @@
--button-text-color: #81a2be; --button-text-color: #81a2be;
--button-text-color-hover: #5f89ac; --button-text-color-hover: #5f89ac;
/* mobile buttons */
--button-font-size-mobile: 10pt;
--button-font-weight-mobile: 700;
--button-text-color-mobile: #707070;
--button-background-image-mobile: url("/public/assets/buttons/button-fade-dark.png");
--button-background-color-mobile: #1b1c1e;
--button-border-mobile: 1px solid #282a2e;
/* horizontal rule */ /* horizontal rule */
--hr-border: none; --hr-border: none;
--hr-border-top: 1px solid #282a2e; --hr-border-top: 1px solid #282a2e;
@@ -309,6 +333,13 @@
--button-text-color: #f60; --button-text-color: #f60;
--button-text-color-hover: #f30; --button-text-color-hover: #f30;
/* mobile buttons */
--button-font-size-mobile: 10pt;
--button-font-weight-mobile: 700;
--button-text-color-mobile: #333;
--button-background-mobile: linear-gradient(to bottom, rgba(238, 238, 238, 1) 0%, rgba(224, 224, 224, 1) 100%);
--button-border-mobile: 1px solid #ccc;
/* horizontal rule */ /* horizontal rule */
--hr-border: none; --hr-border: none;
--hr-border-top: 1px solid #ddd; --hr-border-top: 1px solid #ddd;