mirror/seedit
1
0
Fork 0
mirror of https://github.com/plebbit/seedit.git synced 2026-05-19 06:04:56 -04:00
Code Issues Packages Projects Releases Wiki Activity

style(feed post): add dark version of expand buttons

Browse Source
This commit is contained in:
plebeius.eth
2023-10-17 10:05:45 +02:00
parent 64087f611f
commit 95a0f2c3a1
5 changed files with 18 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/assets/buttons/close-button-dark.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

BIN
public/assets/buttons/play-button-dark.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.8 KiB

BIN
public/assets/buttons/text-button-dark.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

12
src/components/feed-post/feed-post.module.css
View File

@@ -107,27 +107,27 @@
}
.textButton {
background-image: url("/public/assets/buttons/text-button.png");
background-image: var(--text-button);
}
.textButton:hover {
background-image: url("/public/assets/buttons/text-button-hover.png");
background-image: var(--text-button-hover);
}
.playButton {
background-image: url("/public/assets/buttons/play-button.png");
background-image: var(--play-button);
}
.playButton:hover {
background-image: url("/public/assets/buttons/play-button-hover.png");
background-image: var(--play-button-hover);
}
.closeButton {
background-image: url("/public/assets/buttons/close-button.png");
background-image: var(--close-button);
}
.closeButton:hover {
background-image: url("/public/assets/buttons/close-button-hover.png");
background-image: var(--close-button-hover);
}

12
src/themes.css
View File

@@ -15,6 +15,12 @@
--link: #0000ff;
--link-visited: #551a8b;
--icon: #c6c6c6;
--text-button: url("/public/assets/buttons/text-button.png");
--text-button-hover: url("/public/assets/buttons/text-button-hover.png");
--play-button: url("/public/assets/buttons/play-button.png");
--play-button-hover: url("/public/assets/buttons/play-button-hover.png");
--close-button: url("/public/assets/buttons/close-button.png");
--close-button-hover: url("/public/assets/buttons/close-button-hover.png");
}
:root .black {
@@ -34,4 +40,10 @@
--link: #f0f0f0;
--link-visited: #757575;
--icon: #c6c6c6;
--text-button: url("/public/assets/buttons/text-button-dark.png");
--text-button-hover: url("/public/assets/buttons/text-button-hover.png");
--play-button: url("/public/assets/buttons/play-button-dark.png");
--play-button-hover: url("/public/assets/buttons/play-button-hover.png");
--close-button: url("/public/assets/buttons/close-button-dark.png");
--close-button-hover: url("/public/assets/buttons/close-button-hover.png");
}