Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Garbz theme updates #1161

Merged
merged 8 commits into from
Nov 9, 2020
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
16 changes: 13 additions & 3 deletions themes/theGarbz/BigFingers/README.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
# BigFingers theme v0.1
# BigFingers theme v0.2

This variation on the standard theme increases the width of the scroll bars to make them easier to touch on small displays.
No special requirements exist for this theme, however it is intended for small low resolution displays.
This variation on the standard theme increases the width of the scroll bars to make them easier to touch on small displays.
No special requirements exist for this theme, however it is intended for small low resolution displays.

To install copy the custom-styles.css file into the octodash config folder:
```
Expand All @@ -22,3 +22,13 @@ To install copy the custom-styles.css file into the octodash config folder:
3. Settings:

![Settings](screenshots/screenshot_settings.png)


### Version History:

__v0.2:__
* Hitbox of settings button increased.

__v0.1:__
* Initial Issue
* Larger vertical scrollbar width.
8 changes: 7 additions & 1 deletion themes/theGarbz/BigFingers/custom-styles.css
Original file line number Diff line number Diff line change
Expand Up @@ -65,6 +65,12 @@ app-filament .scroll__thumb-inactive {
width: 58vw!important;
}

/**** Make settings button easier to hit ****/

.main-menu__settings-icon {
padding: 5vh 5vw 4vh!important;
}

/**** Update Settings ****/

.settings-container {
Expand All @@ -79,7 +85,7 @@ app-filament .scroll__thumb-inactive {
}

.settings__made::after {
content: "BigFingers theme v0.1 by theGarbz";
content: "BigFingers theme v0.2 by theGarbz";
width: auto!important;
font-size: 73%;
display: inline-block;
Expand Down
Binary file added themes/theGarbz/BigFingers/screenshots/icon.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
56 changes: 56 additions & 0 deletions themes/theGarbz/Focus/README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,56 @@
# Focus theme v0.1

This theme is based on the classy [NOX theme](../../NOX/) by NoxHirsch and has been modified to Focus on highlighting the most important information for a user. The goal was to create a theme that could easily be read from a distance. Some of the features are listed below:
* High contrast display of relevant information (e.g. print time, temperature)
* Low contrast display of all other info (e.g. units, time elapsed)
* Large horizontal and vertical progress bars readable from a distance.
* Large print time remaining indicators
* Pre-printing screen highlighting buttons.
* Full screen menus and adjustments with coloured backgrounds for context.
* Red highlighting of error messages

To install copy the custom-styles.css file into the octodash config folder:
```
~/.config/octodash/custom-styles.css
```

Copy link
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

What Pi are you running this theme on? I noticed on the OG Raspberry Pi 3 the blur effect really takes a hit on performance. Might be worth adding as a heads-up here for other users (same would need to be added to the NOX theme then of course).

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Good idea. I've noticed it wasn't quite as smooth but I didn't know why, and it's not really terrible performance just a little bit of stutter. I'm running on a Raspberry Pi 4. I added a warning commit abfc903

I also fixed a misaligned element in another commit but hopefully we should be finished now.

Copy link
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks!

Please note: This theme like the theme it was based on makes use of more CSS effects than the default theme and does not perform as smoothly on under powered hardware such as older Raspberry Pis. If you have a problem with Octodash performance please try using the default theme before reporting any issues. This theme performs well on a Raspbery Pi4 with a 7" LCD.

###### Theme by theGarbz.

## Screenshots:

1. Printing with the Horizontal Progressbar:

![Horizontal Progressbar](screenshots/screenshot_print.png)

2. Printing with Circular Progressbar:

![Round Progressbar](screenshots/screenshot_print2.png)

4. File Selection:

![File Selection](screenshots/screenshot_fileselect.png)

5. Pre-print screen:

![Pre-print screen](screenshots/screenshot_filequeue.png)

6. Adjustments mid print:

![Adjustments](screenshots/screenshot_adjust.png)

7. Errors:

![Errors](screenshots/screenshot_error.png)

8. Main Screen:

![Main Screen](screenshots/screenshot_main.png)

9. Settings:

![Settings](screenshots/screenshot_menu.png)



Loading