first commit
This commit is contained in:
commit
cf80007938
4 changed files with 1480 additions and 0 deletions
17
README.md
Normal file
17
README.md
Normal 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
13
my_userChrome.css
Normal 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
1217
userChrome.css
Normal file
File diff suppressed because it is too large
Load diff
233
userContent.css
Normal file
233
userContent.css
Normal 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"; /**/
|
||||||
Loading…
Add table
Add a link
Reference in a new issue