simono41/phanpy
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Delicate adjustments to the gradient hints

Browse source
This commit is contained in:
Lim Chee Aun 2023-01-25 01:01:04 +08:00
parent 5fb123f228
commit 20b0a80c45
2 changed files with 9 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/components/status.css
View file

@ -2,23 +2,23 @@
.status-reblog { .status-reblog {
background: linear-gradient( background: linear-gradient(
to bottom right, 160deg,
var(--reblog-faded-color), var(--reblog-faded-color),
transparent 160px transparent min(160px, 50%)
); );
} }
.status-reply-to { .status-reply-to {
background: linear-gradient( background: linear-gradient(
to bottom right, 160deg,
var(--reply-to-faded-color), var(--reply-to-faded-color),
transparent 160px transparent min(160px, 50%)
); );
} }
.status-reblog .status-reply-to { .status-reblog .status-reply-to {
background: linear-gradient( background: linear-gradient(
to top left, -20deg,
var(--reply-to-faded-color), var(--reply-to-faded-color),
transparent 160px transparent min(160px, 50%)
); );
} }
.visibility-direct { .visibility-direct {

6
src/index.css
View file

@ -28,7 +28,7 @@
--reply-to-color: var(--orange-color); --reply-to-color: var(--orange-color);
--reply-to-text-color: #b36200; --reply-to-text-color: #b36200;
--favourite-color: var(--red-color); --favourite-color: var(--red-color);
--reply-to-faded-color: #ffa6001a; --reply-to-faded-color: #ffa60030;
--outline-color: rgba(128, 128, 128, 0.2); --outline-color: rgba(128, 128, 128, 0.2);
--outline-hover-color: rgba(128, 128, 128, 0.7); --outline-hover-color: rgba(128, 128, 128, 0.7);
--divider-color: rgba(0, 0, 0, 0.1); --divider-color: rgba(0, 0, 0, 0.1);
@ -61,9 +61,9 @@
--link-light-color: #6494ed99; --link-light-color: #6494ed99;
--link-faded-color: #6494ed88; --link-faded-color: #6494ed88;
--link-bg-hover-color: #34353799; --link-bg-hover-color: #34353799;
--reblog-faded-color: #b190f155; --reblog-faded-color: #b190f141;
--reply-to-text-color: var(--reply-to-color); --reply-to-text-color: var(--reply-to-color);
--reply-to-faded-color: #ffa60033; --reply-to-faded-color: #ffa60027;
--divider-color: rgba(255, 255, 255, 0.1); --divider-color: rgba(255, 255, 255, 0.1);
--bg-blur-color: #24252699; --bg-blur-color: #24252699;
--backdrop-color: rgba(0, 0, 0, 0.5); --backdrop-color: rgba(0, 0, 0, 0.5);