first commit

This commit is contained in:
Dia Pacifica 2024-10-01 14:25:01 -07:00
commit cf80007938
4 changed files with 1480 additions and 0 deletions

17
README.md Normal file
View file

@ -0,0 +1,17 @@
# Firefox Customizations
Customizations and tweaks for the Firefox web browser to improve appearance and usability
These customizations rely on the [CustomCSSforFx project](https://github.com/Aris-t2/CustomCSSforFx)
To enable these customizations to work with Firefox the following key must be set to `true` in `about:config`:
`toolkit.legacyUserProfileCustomizations.stylesheets`
Create a directory inside your Firefox user profile directory (you can obtain the location via `about:profiles` named `chrome`
cd into `chrome` and clone [CustomCSSforFx](https://github.com/Aris-t2/CustomCSSforFx)
Then copy current/config current/css and current/image to cwd.
Add the files from this repository to use my settings. You can then edit userChrome.css and change any values you want.

13
my_userChrome.css Normal file
View file

@ -0,0 +1,13 @@
/* Bookmark font */
#PlacesToolbarItems .bookmark-item menupopup * {
font-stretch: semi-condensed !important;
font-size: 11pt !important;
}
/* for tabs_multiple_lines.css */
:root {
--tab_min_width_mlt: 70px !important;
--tab_max_width_mlt: 140px !important;
--tabs-lines: 4 !important;
}

1217
userChrome.css Normal file

File diff suppressed because it is too large Load diff

233
userContent.css Normal file
View file

@ -0,0 +1,233 @@
/*===============================================================================
Firefox userContent.css tweaks: main file
Based on 'Classic Theme Restorer' & 'Classic Toolbar Buttons' add-ons CSS code
Github: https://github.com/aris-t2/customcssforfx
Change-log: https://github.com/aris-t2/customcssforfx/commits/
Firefox requires the following preference to be enabled for custom styles to be loaded:
'about:config > toolkit.legacyUserProfileCustomizations.stylesheets > true'
Firefox preferences can be accessed by typing `about:config` into the url bar.
===============================================================================
======
README
======
To find the profile folder type `about:support` into url bar and navigate to:
'Profile Folder > Open Folder'
Create a /chrome/ (chrome) directory btw. folder inside the profile folder you just opened and
paste projects files and folders into it so it looks like this:
/chrome/config/
/chrome/css/
/chrome/image/
/chrome/userChrome.css
/chrome/userContent.css
ENABLING/DISABLING options:
To activate an option: remove /* before @import
To deactivate an option: add /* before @import
*/
/* ==========================
about:addons - ADDONS PAGE
==========================
======================
ADDONS PAGE APPEARANCE
======================
[!] only use one at a time
*/
@import "./css/aboutaddons/addons_manager_alternative_appearance.css"; /**/
/* @import "./css/aboutaddons/addons_manager_alternative_appearance_aero.css"; /**/ /* <-- AERO colors */
/* @import "./css/aboutaddons/addons_manager_alternative_appearance_compact_categories.css"; /**/
/* -------------
Compact lists
--------------
[!] only use one option at a time
[!] to be used with 'alternative appearance'
*/
@import "./css/aboutaddons/addonlists_compact.css"; /**/
/* @import "./css/aboutaddons/addonlists_compact_more_compact.css"; /**/
/* ---------------------------------------------
Button settings: buttons instead of menupopup
---------------------------------------------
[!] only use one option at a time
[!] requires aboves 'addons page appearance' settings
*/
/* @import "./css/aboutaddons/addonlists_show_buttons_instead_of_menu_popup.css"; /**/
/* for 'addonlists_compact.css' */
/* @import "./css/aboutaddons/addonlists_show_buttons_instead_of_menu_popup_compact_view.css"; /**/
/* for 'addonlists_compact_more_compact.css' */
/* @import "./css/aboutaddons/addonlists_show_buttons_instead_of_menu_popup_more_compact_view.css"; /**/
/* @import "./css/aboutaddons/addonlists_hide_buttons_on_details_page.css"; /**/
/* @import "./css/aboutaddons/addonlists_hide_report_button.css"; /**/
/* @import "./css/aboutaddons/addonlists_hide_manage_button.css"; /**/
/* @import "./css/aboutaddons/addonlists_only_show_buttons_on_hover.css"; /**/
/* ------------------------------------------------
Button settings: buttons icons instead of labels
------------------------------------------------
[!] requires buttons instead of menupopup
*/
/* @import "./css/aboutaddons/addonlists_replace_button_labels_with_icons.css"; /**/
/* @import "./css/aboutaddons/addonlists_colorized_button_icons.css"; /**/
/* --------------------------------------
Version number for active add-ons
--------------------------------------
[!] requires buttons instead of menupopup
*/
@import "./css/aboutaddons/addonlists_show_addon_version_number.css"; /**/
/* ---------------------------
Other addons page settings
--------------------------
*/
/* @import "./css/aboutaddons/addonlists_badges_old_size.css"; /**/
/* @import "./css/aboutaddons/addonlists_hide_monochromatic_themes.css"; /**/
/* @import "./css/aboutaddons/addonlists_hide_recommended_icon.css"; /**/
/* @import "./css/aboutaddons/addonlists_hide_allowed_in_private_windows_icon.css"; /**/
@import "./css/aboutaddons/recentupdates_category_always_visible.css"; /**/
@import "./css/aboutaddons/availableupdates_category_always_visible.css"; /**/
/* @import "./css/aboutaddons/availableupdates_category_last_category.css"; /**/
/* @import "./css/aboutaddons/recommendations_category_always_hidden.css"; /**/
/* @import "./css/aboutaddons/addons_support_always_hidden.css"; /**/
/* ===============================
about:preferences - PREFERENCES
===============================
===========================
PREFERENCES PAGE APPEARANCE
===========================
[!] only use one at a time
*/
@import "./css/aboutpreferences/preferences_alternative_appearance.css"; /**/
/* @import "./css/aboutpreferences/preferences_alternative_appearance_aero.css"; /**/ /* <-- AERO colors */
/* @import "./css/aboutpreferences/preferences_alternative_appearance_v2.css"; /**/
/* ------------------------------
Other preference page settings
------------------------------
*/
/* @import "./css/aboutpreferences/category_morefrommozilla_hidden.css"; /**/
/* @import "./css/aboutpreferences/category_nightlyexperiments_hidden.css"; /**/
/* @import "./css/aboutpreferences/sync_category_always_hidden.css"; /**/
/* @import "./css/aboutpreferences/firefox_support_always_hidden.css"; /**/
/* =========================
about:newtab / about:home
=========================
*/
/* @import "./css/aboutnewtab/dark_appearance.css"; /**/
/* @import "./css/aboutnewtab/dark_appearance_alternative_background.css"; /**/
/* @import "./css/aboutnewtab/top_sites_larger_favicons.css"; /**/
/* ============
about:config
============
*/
@import "./css/aboutconfig/aboutconfig_compact_appearance.css"; /**/
/* ============
about:logins
============
[!] only use one at a time
*/
@import "./css/aboutlogins/aboutlogins_alternative_appearance.css"; /**/
/* @import "./css/aboutlogins/aboutlogins_alternative_appearance_aero.css"; /**/
/* ============
WEB CONTENT
============
[!] only use one at a time
[!] top level image on white background
[!] these settings can sometimes cause glitches
*/
/* @import "./css/webcontent/toplevel_image_classic_v1.css"; /**/
/* @import "./css/webcontent/toplevel_image_classic_v2.css"; /**/
/* ------------------------------------------
CUSTOM SCROLLBARS VARIABLES - EXPERIMENTAL
------------------------------------------
[!] Might not work on every page! This issue is for Mozilla to solve.
[!] Not compatible with custom scrollbar JavaScript userChrome scripts.
[!] Custom size values only compatible with 'web content' scrollbars at the moment.
[!] More info inside 'custom_scrollbar_appearance.css' file.
*/
/* @import "./config/custom_scrollbar_appearance.css"; /**/
/* -----------------------------------------------
Autofill forms - disable CSS3 filter background
-----------------------------------------------
*/
/* @import "./css/webcontent/autofill_forms_background_white.css"; /**/
/* ---------------------
Custom / own CSS code
---------------------
[!] Create a "my_userContent.css" file and add own/custom code to it.
*/
@import "./my_userContent.css"; /**/