Skip to content

Commit

Permalink
Garbz theme updates (#1161)
Browse files Browse the repository at this point in the history
* Glanceable - Fixed layer spacing
Adjusted spacing between the layer indicator and
the printer status as they slightly overlaped.

* Garbz Theme Index

* New Theme "Focus"
A new theme modified from the NOX theme but with a focus
on critical values, and with large horizontal and circular
progress bars.

* BigFingers settings hitbox incresaed
Changed size of the hitbox around settings icon to make easier to hit.

* Fix duplication error

* Added Link to NOX theme

* Performance Warning

* Focus: Fixed centering on percent
  • Loading branch information
thegarbz committed Nov 9, 2020
1 parent f9cee6c commit 7fd1d27
Show file tree
Hide file tree
Showing 17 changed files with 888 additions and 6 deletions.
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
```

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

0 comments on commit 7fd1d27

Please sign in to comment.