blobcatz / pebble-mastodon-theme Goto Github PK

T2/Pebble theme for Mastodon

License: MIT License

Stylus 100.00%

pebble-mastodon-theme's Introduction

Pebble theme for Mastodon

T2/Pebble theme for Mastodon. The theme currently doesn't support the advanced interface and I don't have plans for it, as Pebble never had it in the first place. But if a group of people will want to see it happen at some point, I'll see what I can do.

How to install as default theme (Instance admins)

Get the latest release (or clone from main, despite not being released yet, all changes are checked and there shouldn't be any issues) and copy the contents of layout-single-column.css, paste it to the Custom CSS in the Appearance settings in your instance (https://example.com/admin/settings/appearance).

How to install as default theme (Invidual users)

~~Install an extension that supports userstyles, Stylus is recommended (Download for Chromium browsers, Download for Firefox). Go to the theme's page on UserStyles.world and install it.~~ The userstyle is not up-to-date since I have problems with logging into my UserStyles.world account, make a new style yourself by copy and pasting the CSS code.

Credits

The theme uses some icons from T2/Pebble and some code for the bottom navigation bar from https://github.com/ronilaukkarinen/mastodon-bird-ui under MIT License

pebble-mastodon-theme's People

Contributors

Stargazers

Watchers

Forkers

poetworrier

pebble-mastodon-theme's Issues

Issue - Black Theme - Grey text displayed rather than white

With the black theme activated some text is shown as grey rather than white which is hard to read. Examples as follows:

Raised on Pebble.social running 1.0.2

Example 1
Seen in notifications - All tab where a user favourites a status

Example 2
Seen in the private mentions tab for the message text received in a message

Like duplicating on navigation bar

Issue - Missing Search Magnifying Glass

On making the browser window width smaller the explore/search box is reduced to a smaller sized icon and the magnifying glass (which is seen on a non themed instance) is missing

EDIT - Please discard issue as not seen on 1.0.7 (was seen on pebble.social still running 1.0.6)

When Installed it Breaks the Mastodon (High Contrast) theme

The theme is now active on pebble.social, but when a user goes into preferences and selects Mastodon (High Contrast) it adopts a white theme as the baseline for the background rather than black and not all text can be read.

content warning's text

By your post maybe the content warning's text can by smaller

https://pebble.social/@blobcat/111863479812819928

Feature Request - Colour of Emoji When Rolled Over

Should/could the Emoji smiley yellow colour be themed purple on roll over?

Query - Followed Hashtags

A query as to whether followed hashtags like #t2pub in the screenshor below be themed/coloured white

Query - Icon theming in Bookmarks and Favourites

When a user has navigated to Bookmarks or Favourities from the main menu should the icons be themed/coloured purple like Home, Notifications, Explore, Live Feeds, Private Mentions and Lists?

Invisible arrows on announcements

When there are more than one announcement, previous and next arrows at both sides of number of announcement are invisible, both light and dark theme

Arrows should appear at both sides of "1/2", bottom right. When hovering, color changes but no arrow or indicator either.

Issue - High Contract Theme - Remaining Post Characters

With the high contrast theme selected the number of remaining characters for the post cannot be easily seen in the bottom right corner of the box due to the dark text on dark background (note not seen on Dark or Light Theme)

Feature Request - Customise the "Publish!" button to "Post"

Believe the "Publish!" button could be customised to say the Pebble default of "Post" using the following code (is this something that could be included)?

Note: the code below works on an instance using the default Mastdon themes:

.compose-form__publish-button-wrapper button {
text-indent: -9999px;
line-height: 0; /* Collapse the original line */
}

.compose-form__publish-button-wrapper button:after {
content:'Post';
text-indent: 0;
display: block;
line-height: initial; /* New content takes up original line height */
}

Issue - Missing Accept Tick Icon for Follower Requests

With any theme version activated the tick icon for accepting follower requests is missing

Issue - Sidebar Follow Request Icon Missing

When user gets a new follower request the sidebar adds a menu for this, with any theme activated an icon is not shown for the sidebar menu entry

WebKit Scroll/TitleBar is Always Dark

Describe the bug
Scroll and Title bars do not follow color theme on WebKit.

To Reproduce
Steps to reproduce the behavior:

pebble.social on Safari
Share
Add to Dock
Login
Set color theme Mastodon (Light) from in-app settings

Expected behavior
This must follow the theme selected from preferences within the app. Mastodon (Dark) is doing well but not Mastodon (Light).

Screenshots

Browser:

Safari 17.5

Bugged verification badge on my verified links.

version: 1.2.2 (latest as of January 21 2024)
Example link:
https://example.com/settings/verification
https:// your server/settings/verification

Steps in layout view:
Settings < public profile < verification

Here's how
↓
Under tips
↓
It's your verified links

~ its currently bugged out with the original default verification badge and the purple verification badge....

Issue - The "notify me" and "menu" buttons on profiles do not show an icon (& other oddities)

This may be intentional, but I wanted to submit it just in case:

When visiting someone's profile, the "notify me when this user posts" and "menu" icons to the right of the follow button are blank:

When either is clicked, icons do appear:

Lastly, when the notifications icon is activated then deactivated, there seems to be a lighter color filling the circle:

Tested in Firefox, theme version 1.0.6, with both the light and dark themes.

Feature Request - Replace link verification tick with the one from Pebble

https://mastodon.social/@coco0/111406961455935665

Issue - Profile Theming Buttons and Links

User Profile theming issues

"Notify me when user posts" and "Menu" buttons are not clear as to their purpose

Date joined and each following end user added profile links could do with line breaks after them

Text in emoji's search box isn't visible on light theme

On light theme, font color in emoji's search box is white, as the background, so text is invisible.

Language name in language selection while new posting is white on white background.

First picture, from second to last language, name is unreadable.

Second picture, on hover, selected background turns light gray and you can guess the name (white on light gray)

Feature Request - Repost button needs some Razzle Dazzle

Love the animation put on the "like" / "heart" button. Would like to see that on the repost button as well 🙏

Issue - Adding Users To Lists

On trying to add a user to a list the + icon in the box is not visible before rollover or on rollover

Issue - Selecting An Emoji Response To An Announcement Message

The picker to select any emoji response for an announcement message from the full selection of emojis is invisble (affects all theme versions) - to reproduce roll mouse over on the right of all other emojis users have responded with to the announcement message (the missing menu entry is a "+" on a non themed instance)