Skip to content

Instantly share code, notes, and snippets.

View soulhotel's full-sized avatar
🕘
tick tock

soulhotel soulhotel

🕘
tick tock
  • NY
  • 14:12 (UTC -05:00)
View GitHub Profile
@soulhotel
soulhotel / userChrome.css
Last active October 17, 2025 16:46
opera style tabs for firefox split view (firefox css)
/* opera style split tabs */
.tab-split-view-container {
/* remove default split view background */
background: transparent !important;
.tabbrowser-tab {
& .tab-background {
/* both tabs need to have a matching background */
background:var(--tab-selected-bgcolor) !important;
box-shadow: none !important; /* shadow clashes with opera style */
@soulhotel
soulhotel / userContent.css
Created October 15, 2025 23:38
Override the Solid Colors (wallpaper) section of the new tab page (firefox css)
@-moz-document url(about:newtab), url(about:home), url(about:privatebrowsing) { :root {
/* when a custom or uploaded wallpaper is not in use, set this wallpaper (override default wallpaper) */
@media not -moz-pref("browser.newtabpage.activity-stream.newtabWallpapers.wallpaper") {
body {background-image: url("picture.jpg") !important;}
}
/* when a "Solid Color" wallpaper is set, use this wallpaper (override solid colors) */
@soulhotel
soulhotel / tabcounter.css
Last active October 11, 2025 02:32
Get and display the total # of tabs open in a given window (firefox css)
/* get count */
#tabbrowser-tabs {
counter-reset: tabcount;
& .tabbrowser-tab {
counter-increment: tabcount;
}
}
/* VERTICAL tabs visual indicator */
#tabbrowser-arrowscrollbox[orient="vertical"] {
#tabbrowser-arrowscrollbox-periphery::after {
/*--------------------------------------------------------------
- Librezam Firefox Extension - Popup Styling
- https://github.com/FoxRefire/Librezam/
- CSS mockup by soulhotel
- INDEX BELOW (ctrl+f search for a section):
header element positioning
seperator style
history table
result table
@soulhotel
soulhotel / ffcss-autohiding-vtsb-draft.css
Last active November 19, 2024 04:39
Autohiding Vertical Tabs - Firefox 132+
/*
This section of code is part of ongoing development within the FF Ultima (Firefox CSS) Theme.
Below is a universal implementation, that any may use for reference/modification.
https://github.com/soulhotel/FF-ULTIMA
*/
/* Global variables for quick modifications -----------------------------------------------*/
:root, body, * {
#browser, #appcontent, #tabbrowser-tabbox,
#tabbrowser-tabpanels, .browserSidebarContainer {
background: black !important;
}
#browser, #appcontent, #tabbrowser-tabbox,
#tabbrowser-tabpanels, .browserSidebarContainer, .browserStack,
#tabbrowser-tabpanels browser {
border-top-left-radius: 15px !important;
border-top-right-radius: 15px !important;
#!/bin/sh
# Save the current theme so the user can revert back to it with the uninstall.sh
current_theme=$(gsettings get org.gnome.desktop.interface gtk-theme)
# Print the current theme (optional)
# echo "Current theme: $current_theme"
# Write the current theme into uninstall.sh using a here-document with variable interpolation
cat <<EOL > uninstall.sh
@soulhotel
soulhotel / userChrome.css
Last active August 22, 2025 15:41
Method for stylizing the context menu (Firefox CSS)
/* ----------------------------------------------------------
Styling Firefoxs context (right-click) menu
- this will target all context menus, including the menubar, and drop downs.
- If you want this to only apply to the context menu activated within webpages you can specify it, such as: #contentAreaContextMenu
-----------------------------------------------------------*/
/*
Using your own defined variables makes switching styles/colors much easier to manage
*/
@soulhotel
soulhotel / userchrome.md
Last active March 12, 2024 03:42
userChrome4dummies

Enable userChrome

  • Type in URL BAR about:config
  • skip the warning, continue
  • Type toolkit.legacyUserProfileCustomizations.stylesheets in page search bar
  • Double click false, It should stay on true

  • Type about:support in URL BAR
  • Click on Profile Folder Button. This is your current Firefox user Profile.
/* put inside userContent.css
or you can link to it for organization
@import url(reddit.css);
*/
@-moz-document domain(reddit.com) {
._31N0dvxfpsO6Ur5AKx4O5d,
._3ozFtOe6WpJEMUtxDOIvtU,
._1gVVmSnHZpkUgVShsn7-ua,