update
This commit is contained in:
Bram Kelchtermans committed
1 parent
e65706921b
commit
7f0f2d27bc
3 files changed
+72
-9
No files matched your search
@@ -10,7 +10,6 @@ I didn't make any editions at Userchrome.css and I didn't find any way to export
|
||||
#### Step 1 - Install addons and resources ⬇️:
|
||||
- [Sidebery](https://addons.mozilla.org/pt-BR/firefox/addon/sidebery/) to sidebar
|
||||
- [Tabliss](https://addons.mozilla.org/pt-BR/firefox/addon/tabliss/) to "new tab" page
|
||||
- [Firefox Color](https://addons.mozilla.org/en-US/firefox/addon/firefox-color/) to color
|
||||
- [DM Sans](https://fonts.google.com/specimen/DM+Sans) to font
|
||||
|
||||
#### Step 2 - Configure Floorp Browser and extensions:
|
||||
@@ -22,15 +21,15 @@ I didn't make any editions at Userchrome.css and I didn't find any way to export
|
||||
- Design `about:preferences#design` -> Bookmarks Toolbar -> Hide the Bookmarks Toolbar unless hovering over the navigation bar (Optional, you can simply choose to hide the favorite bar always)
|
||||
- Design `about:preferences#design` -> Other Preferences -> Round the corners of pages
|
||||
- Navigate to Sidebery Settings ⚙️:
|
||||
- Sidebery Settings -> Help -> Import addon data -> Import the settings I left in Github
|
||||
- Sidebery Settings -> Help -> Import addon data -> Import the settings I left in the repo
|
||||
|
||||
#### Step 3 (Last Step) - Customize Themes 🎨:
|
||||
- Go to [Firefox Color](https://color.firefox.com/?fromAddon=true) (extension needed) and color according to your preferences or install [Darker Leo's](https://addons.mozilla.org/addon/darker-leo-s/) theme.
|
||||
- Go to new tab (tabliss needs to be installed!) settings
|
||||
- Background -> Upload Images -> Upload the image of your choice (I used this [site](https://www.sightunseen.com/2018/08/spanish-artist-ana-montiel-color-field-paintings-digital-art/), this [image](https://www.sightunseen.com/wordpress/wp-content/uploads/2018/08/Fields26-AllRealitiesCoExistingEverywhereForever.jpg))
|
||||
- Widgets -> Remove all widgets and add Literature Clock
|
||||
- Go to Customize Toolbar (By clicking on an empty place of the Firefox title bar)
|
||||
- Add 5 Flexible Space to the left and right of the search bar.
|
||||
- Copy the contents of the `userChrome.css` in this repo
|
||||
- Open the `userChrome.css` file 📁:
|
||||
- Floorp options -> Help -> More troubleshooting information -> Under 'Profile Directory' click on 'Open Directory'
|
||||
- Navigate to the chrome folder and open the `userChrome.css` file
|
||||
- Paste the contents of the file
|
||||
- Restart Floorp
|
||||
|
||||
#### Bonus: Other things
|
||||
- If you want to use SplitView along with Sidebery, just add as a shortcut:
|
||||
|
||||
@@ -1 +1 @@
|
||||
{"containers":{"firefox-container-1":{"id":"firefox-container-1","cookieStoreId":"firefox-container-1","name":"Pessoal","icon":"fingerprint","color":"blue","colorCode":"#37adff","proxified":false,"proxy":null,"reopenRulesActive":false,"reopenRules":[],"userAgentActive":false,"userAgent":""},"firefox-container-2":{"id":"firefox-container-2","cookieStoreId":"firefox-container-2","name":"Trabalho","icon":"briefcase","color":"orange","colorCode":"#37adff","proxified":false,"proxy":null,"reopenRulesActive":false,"reopenRules":[],"userAgentActive":false,"userAgent":""},"firefox-container-3":{"id":"firefox-container-3","cookieStoreId":"firefox-container-3","name":"Financeiro","icon":"dollar","color":"green","colorCode":"#37adff","proxified":false,"proxy":null,"reopenRulesActive":false,"reopenRules":[],"userAgentActive":false,"userAgent":""},"firefox-container-4":{"id":"firefox-container-4","cookieStoreId":"firefox-container-4","name":"Compras","icon":"cart","color":"pink","colorCode":"#37adff","proxified":false,"proxy":null,"reopenRulesActive":false,"reopenRules":[],"userAgentActive":false,"userAgent":""},"firefox-container-6":{"id":"firefox-container-6","cookieStoreId":"firefox-container-6","name":"Privado","icon":"chill","color":"purple","colorCode":"#37adff","proxified":false,"proxy":null,"reopenRulesActive":false,"reopenRules":[],"userAgentActive":false,"userAgent":""},"firefox-container-7":{"id":"firefox-container-7","cookieStoreId":"firefox-container-7","name":"Facebook","icon":"fence","color":"toolbar","colorCode":"#37adff","proxified":false,"proxy":null,"reopenRulesActive":false,"reopenRules":[],"userAgentActive":false,"userAgent":""}},"settings":{"nativeScrollbars":true,"nativeScrollbarsThin":true,"nativeScrollbarsLeft":false,"selWinScreenshots":false,"updateSidebarTitle":true,"markWindow":false,"markWindowPreface":"[Sidebery] ","ctxMenuNative":false,"ctxMenuRenderInact":true,"ctxMenuRenderIcons":true,"ctxMenuIgnoreContainers":"","navBarLayout":"horizontal","navBarInline":true,"navBarSide":"left","hideAddBtn":false,"hideSettingsBtn":false,"navBtnCount":false,"hideEmptyPanels":true,"hideDiscardedTabPanels":false,"navActTabsPanelLeftClickAction":"none","navActBookmarksPanelLeftClickAction":"none","navTabsPanelMidClickAction":"discard","navBookmarksPanelMidClickAction":"none","navSwitchPanelsWheel":true,"subPanelRecentlyClosedBar":true,"subPanelBookmarks":true,"subPanelHistory":true,"groupLayout":"grid","containersSortByName":false,"skipEmptyPanels":false,"dndTabAct":true,"dndTabActDelay":750,"dndTabActMod":"none","dndExp":"pointer","dndExpDelay":750,"dndExpMod":"none","dndOutside":"win","dndActTabFromLink":true,"dndActSearchTab":true,"dndMoveTabs":false,"dndMoveBookmarks":false,"searchBarMode":"dynamic","searchPanelSwitch":"same_type","searchBookmarksShortcut":"","searchHistoryShortcut":"","warnOnMultiTabClose":"collapsed","activateLastTabOnPanelSwitching":true,"activateLastTabOnPanelSwitchingLoadedOnly":true,"switchPanelAfterSwitchingTab":"always","tabRmBtn":"hover","activateAfterClosing":"next","activateAfterClosingStayInPanel":false,"activateAfterClosingGlobal":false,"activateAfterClosingNoFolded":true,"activateAfterClosingNoDiscarded":true,"askNewBookmarkPlace":true,"tabsRmUndoNote":true,"tabsUnreadMark":false,"tabsUpdateMark":"all","tabsUpdateMarkFirst":true,"tabsReloadLimit":5,"tabsReloadLimitNotif":true,"showNewTabBtns":true,"newTabBarPosition":"after_tabs","tabsPanelSwitchActMove":false,"tabsPanelSwitchActMoveAuto":true,"tabsUrlInTooltip":"full","newTabCtxReopen":false,"tabWarmupOnHover":true,"tabSwitchDelay":0,"moveNewTabPin":"start","moveNewTabParent":"last_child","moveNewTabParentActPanel":false,"moveNewTab":"end","moveNewTabActivePin":"start","pinnedTabsPosition":"panel","pinnedTabsList":true,"pinnedAutoGroup":false,"pinnedNoUnload":false,"tabsTree":true,"groupOnOpen":true,"tabsTreeLimit":"none","autoFoldTabs":false,"autoFoldTabsExcept":"none","autoExpandTabs":false,"autoExpandTabsOnNew":false,"rmChildTabs":"folded","tabsLvlDots":true,"discardFolded":false,"discardFoldedDelay":0,"discardFoldedDelayUnit":"sec","tabsTreeBookmarks":true,"treeRmOutdent":"branch","ignoreFoldedParent":false,"colorizeTabs":false,"colorizeTabsSrc":"domain","colorizeTabsBranches":false,"colorizeTabsBranchesSrc":"url","inheritCustomColor":true,"hideInact":false,"hideFoldedTabs":false,"hideFoldedParent":"none","nativeHighlight":false,"warnOnMultiBookmarkDelete":"collapsed","autoCloseBookmarks":false,"autoRemoveOther":false,"highlightOpenBookmarks":false,"activateOpenBookmarkTab":false,"showBookmarkLen":true,"bookmarksRmUndoNote":true,"loadBookmarksOnDemand":true,"pinOpenedBookmarksFolder":true,"oldBookmarksAfterSave":"ask","loadHistoryOnDemand":true,"fontSize":"xl","animations":true,"animationSpeed":"norm","theme":"proton","density":"loose","colorScheme":"ff","sidebarCSS":true,"groupCSS":false,"snapNotify":true,"snapExcludePrivate":false,"snapInterval":0,"snapIntervalUnit":"min","snapLimit":0,"snapLimitUnit":"snap","snapALine truncated
|
||||
{"containers":{"firefox-container-1":{"id":"firefox-container-1","cookieStoreId":"firefox-container-1","name":"Personal","icon":"fingerprint","color":"blue","colorCode":"#37adff","proxified":false,"proxy":null,"reopenRulesActive":false,"reopenRules":[],"userAgentActive":false,"userAgent":""},"firefox-container-2":{"id":"firefox-container-2","cookieStoreId":"firefox-container-2","name":"Work","icon":"briefcase","color":"orange","colorCode":"#37adff","proxified":false,"proxy":null,"reopenRulesActive":false,"reopenRules":[],"userAgentActive":false,"userAgent":""},"firefox-container-3":{"id":"firefox-container-3","cookieStoreId":"firefox-container-3","name":"Banking","icon":"dollar","color":"green","colorCode":"#37adff","proxified":false,"proxy":null,"reopenRulesActive":false,"reopenRules":[],"userAgentActive":false,"userAgent":""},"firefox-container-4":{"id":"firefox-container-4","cookieStoreId":"firefox-container-4","name":"Shopping","icon":"cart","color":"pink","colorCode":"#37adff","proxified":false,"proxy":null,"reopenRulesActive":false,"reopenRules":[],"userAgentActive":false,"userAgent":""},"firefox-container-6":{"id":"firefox-container-6","cookieStoreId":"firefox-container-6","name":"Private","icon":"chill","color":"purple","colorCode":"#37adff","proxified":false,"proxy":null,"reopenRulesActive":false,"reopenRules":[],"userAgentActive":false,"userAgent":""},"firefox-container-7":{"id":"firefox-container-7","cookieStoreId":"firefox-container-1","name":"Pessoal","icon":"fingerprint","color":"blue","colorCode":"#37adff","proxified":false,"proxy":null,"reopenRulesActive":false,"reopenRules":[],"userAgentActive":false,"userAgent":""},"firefox-container-8":{"id":"firefox-container-8","cookieStoreId":"firefox-container-2","name":"Trabalho","icon":"briefcase","color":"orange","colorCode":"#37adff","proxified":false,"proxy":null,"reopenRulesActive":false,"reopenRules":[],"userAgentActive":false,"userAgent":""},"firefox-container-9":{"id":"firefox-container-9","cookieStoreId":"firefox-container-3","name":"Financeiro","icon":"dollar","color":"green","colorCode":"#37adff","proxified":false,"proxy":null,"reopenRulesActive":false,"reopenRules":[],"userAgentActive":false,"userAgent":""},"firefox-container-10":{"id":"firefox-container-10","cookieStoreId":"firefox-container-4","name":"Compras","icon":"cart","color":"pink","colorCode":"#37adff","proxified":false,"proxy":null,"reopenRulesActive":false,"reopenRules":[],"userAgentActive":false,"userAgent":""},"firefox-container-11":{"id":"firefox-container-11","cookieStoreId":"firefox-container-6","name":"Privado","icon":"chill","color":"purple","colorCode":"#37adff","proxified":false,"proxy":null,"reopenRulesActive":false,"reopenRules":[],"userAgentActive":false,"userAgent":""},"firefox-container-12":{"id":"firefox-container-12","cookieStoreId":"firefox-container-7","name":"Facebook","icon":"fence","color":"toolbar","colorCode":"#37adff","proxified":false,"proxy":null,"reopenRulesActive":false,"reopenRules":[],"userAgentActive":false,"userAgent":""}},"settings":{"nativeScrollbars":true,"nativeScrollbarsThin":true,"nativeScrollbarsLeft":false,"selWinScreenshots":false,"updateSidebarTitle":true,"markWindow":false,"markWindowPreface":"[Sidebery] ","ctxMenuNative":false,"ctxMenuRenderInact":true,"ctxMenuRenderIcons":true,"ctxMenuIgnoreContainers":"","navBarLayout":"horizontal","navBarInline":true,"navBarSide":"left","hideAddBtn":false,"hideSettingsBtn":false,"navBtnCount":false,"hideEmptyPanels":true,"hideDiscardedTabPanels":false,"navActTabsPanelLeftClickAction":"none","navActBookmarksPanelLeftClickAction":"none","navTabsPanelMidClickAction":"discard","navBookmarksPanelMidClickAction":"none","navSwitchPanelsWheel":true,"subPanelRecentlyClosedBar":true,"subPanelBookmarks":true,"subPanelHistory":true,"groupLayout":"grid","containersSortByName":false,"skipEmptyPanels":false,"dndTabAct":true,"dndTabActDelay":750,"dndTabActMod":"none","dndExp":"pointer","dndExpDelay":750,"dndExpMod":"none","dndOutside":"win","dndActTabFromLink":true,"dndActSearchTab":true,"dndMoveTabs":false,"dndMoveBookmarks":false,"searchBarMode":"dynamic","searchPanelSwitch":"same_type","searchBookmarksShortcut":"","searchHistoryShortcut":"","warnOnMultiTabClose":"collapsed","activateLastTabOnPanelSwitching":true,"activateLastTabOnPanelSwitchingLoadedOnly":true,"switchPanelAfterSwitchingTab":"always","tabRmBtn":"hover","activateAfterClosing":"next","activateAfterClosingStayInPanel":false,"activateAfterClosingGlobal":false,"activateAfterClosingNoFolded":true,"activateAfterClosingNoDiscarded":true,"askNewBookmarkPlace":true,"tabsRmUndoNote":true,"tabsUnreadMark":false,"tabsUpdateMark":"all","tabsUpdateMarkFirst":true,"tabsReloadLimit":5,"tabsReloadLimitNotif":true,"showNewTabBtns":true,"newTabBarPosition":"after_tabs","tabsPanelSwitchActMove":false,"tabsPanelSwitchActMoveAuto":true,"tabsUrlInTooltip":"full","newTabCtxReopen":false,"tabWarmupOnHover":true,"tabSwitchDelay":0,"moveNewTabPin":"start","moveNewTabPareLine truncated
|
||||
@@ -0,0 +1,64 @@
|
||||
/*************************************************************************************************************************************************************************************************************************************************************
|
||||
|
||||
"userChrome.css" is a custom CSS file that can be used to specify CSS style rules for Floorp's interface (NOT internal site) using "chrome" privileges.
|
||||
For instance, if you want to hide the tab bar, you can use the following CSS rule:
|
||||
|
||||
**************************************
|
||||
#TabsToolbar { *
|
||||
display: none !important; *
|
||||
} *
|
||||
**************************************
|
||||
|
||||
NOTE: You can use the userChrome.css file without change preferences (about:config)
|
||||
|
||||
Quote: https://userChrome.org | https://github.com/topics/userchrome
|
||||
|
||||
************************************************************************************************************************************************************************************************************************************************************/
|
||||
|
||||
@charset "UTF-8";
|
||||
@-moz-document url(chrome://browser/content/browser.xhtml)
|
||||
{
|
||||
#sidebar-box {
|
||||
--bar-width: 54px;
|
||||
position: relative !important;
|
||||
overflow-x: hidden !important;
|
||||
/* margin-right: calc(10px * -1) !important; */
|
||||
/* left: var(--bar-width) !important; */
|
||||
min-width: var(--bar-width) !important;
|
||||
max-width: var(--bar-width) !important;
|
||||
border-right: 1px solid var(--sidebar-border-color);
|
||||
z-index: 1;
|
||||
transition: all 0.1s;
|
||||
}
|
||||
|
||||
#sidebar-box:hover {
|
||||
--expanded-width: 250px;
|
||||
margin-right: calc(
|
||||
calc(var(--expanded-width) - var(--bar-width)) * -1
|
||||
) !important;
|
||||
/* left: var(--expanded-width) !important; */
|
||||
min-width: var(--expanded-width) !important;
|
||||
max-width: var(--expanded-width) !important;
|
||||
}
|
||||
|
||||
#sidebar-box:hover #sidebar-header {
|
||||
min-width: var(--expanded-width) !important;
|
||||
max-width: var(--expanded-width) !important;
|
||||
}
|
||||
|
||||
/* #sidebar-header is hidden by default, change "none" to "inherit" to restore it. */
|
||||
#sidebar-header {
|
||||
min-width: var(--bar-width) !important;
|
||||
max-width: var(--bar-width) !important;
|
||||
overflow: hidden !important;
|
||||
}
|
||||
|
||||
/* #sidebar-splitter styles the divider between the sidebar and the rest of the browser. */
|
||||
#sidebar-splitter {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.browserStack {
|
||||
background-color: var(--toolbar-bgcolor) !important;
|
||||
}
|
||||
}
|
||||
Reference in new issue
Block a user