This is my first stylus script. Every Setting has a toggle.
So far this UserScript includes:
Sets padding on bottom of site to 0, so scrollbar is hidden.
The "shared" button of shared widgets is now marked less noticeable. [start.me PRO Feature]
The custom search widgets are more space saving, so you can place many of them under each other
An Option to make the Searchbar Settings Button only visible on hover.
An Option to hide the Searchbar Selector hovered Button
The custom search widget Texts now have a bigger Font to see them better.
Also fully compatible on smartphones with Kiwi Browser & Stylus
Notes
For a darker Dark Mode use a Chrome Extension like Dark Reader.
v1.0.1 Added a scrollbar fix for smaller Screens
v1.0.2 Made an Option to hide the Searchbar hovered Button
v1.0.3 Made the Search Edit Button shown
v1.0.4 Added Option to make the Search Settings Button only visible on Hover
Source code
/* ==UserStyle==
@name start.me Tweaks
@namespace https://userstyles.world/user/spider1996
@author Spider1996
@description `Tweaks some Things on start.me Page.`
@version 1.0.4
@license CC0-1.0
@preprocessor stylus
@var checkbox RemoveScrollbar "Remove Scrollbar on bottom Page" 1
@var checkbox SharedDesign "Custom Shared Button Design [start.me PRO]" 1
@var checkbox SmallerSearchbar "Make the Searchbar smaller" 1
@var checkbox HoverSettingsButton "Make the Search Settings Button only visible on Hover[Disable on Touchscreen Devices]" 0
@var checkbox HideSearchbarButton "Hide the Searchbar Selector Button when hovered" 1
@var checkbox BiggerSearchbarText "Make the Searchbar Text bigger" 1
==/UserStyle== */
@-moz-document domain("start.me") {
/* start.me remove Scrollbar */
if (RemoveScrollbar) {
.widget-page {
padding-bottom: 0;
}
.page-section__plus-container {
height: 20px;
}
}
/* Shared other color Design */
if (SharedDesign) {
a.widget-header__share-toggler {
color: #FF0000;
border-radius: 10px;
background-color: transparent;
}
}
/* Smaller Searchbar */
if (SmallerSearchbar) {
/* Remove Header from Searchbar */
.searchbar-widget header {
height: 0px;
}
/* Keep edit Button */
.searchbar-widget .widget-header__control {
z-index: 5;
position: absolute !important;
width: 10px !important;
height: 10px !important;
margin-top: -6px !important;
margin-left: -8px !important;
}
if (HoverSettingsButton) {
.searchbar-widget .widget-header__control {
opacity: 0%;
}
.searchbar-widget .widget-header__control:hover {
opacity: 100%;
}
}
/* Smaller Body for Searchbar */
.searchbar-widget div.widget__body {
margin-top: 0;
margin-bottom: 0;
margin-left: 7px;
margin-right: 7px;
}
/* Hide Search Button */
if (HideSearchbarButton) {
.search__button_hiding {
visibility: hidden;
width: 0px;
}
}
}
/* Move Search Engine Text and make it bigger */
if (BiggerSearchbarText) {
.search .search__wrapper .search__input {
font-size: 20px;
margin-left: 0px;
}
}
}
