• firefox
  • restart firefox
  • customized firefox style
• chrome
  • shortcut
  • download
  • tips
• chromium

firefox

restart firefox

about:restartrequired

customized firefox style

userChrome.css

• Profiles - Where Firefox stores your bookmarks, passwords and other user data
• How To Customise Firefox 57+ UI with userChrome.css
• Aris-t2/CustomCSSforFx

• Steps:

  • open your currently active profile folder
  • create a new folder named chrome
  • create a desktop shortcut (alias) to the chrome folder for easier future access
  • make sure your OS is set to show you file extensions like .txt and .css
  • create a new text file inside the chrome folder named userChrome.css
  • change a preference in Firefox so it looks for your files at startup (in Firefox 69+)

• Unlock custom CSS usage in Firefox 69 and newer

  • about:config
  • toolkit.legacyUserProfileCustomizations.stylesheets
  • true

• Where to find Firefox profile folder? The correct location for user styles

  • about:support > Profile Folder > Open Folder or about:profiles > Root Directory > Open Folder
  • User styles belong into <profile_folder>\chrome\ folder

• Inspect ui or web content

  • Enable once
    • Tools > WebDeveloper > Toggle Tools > 'Customize Tools and get help button' > Settings > Enable browser chrome and add-on debugging toolboxes
    • Tools > WebDeveloper > Toggle Tools > 'Customize Tools and get help button' > Settings > Enable remote debugging
    • Hit Ctrl+Alt+Shift+I or open Tools > WebDeveloper > Browser Toolbox

remove blue line for active tab

• How to hide or change the color of the blue line over the tab?

  /* Hide blue stripe on active tab */
  .tab-line[selected="true"] {
    opacity: 0 !important;
  }
  

• take out blue on top of tab

  .tab-line { display: none !important; }
  

• is there any way to disable the blue line on top of the currently selected tab?

  #TabsToolbar .tabbrowser-tab[selected] .tab-line {
      display: none !important;
  }
  

  or

  #TabsToolbar .tabbrowser-tab .tab-line {
      display: none !important;
  }
  

• [help] The blue line on top of active tab is back in Firefox 60

  #tabbrowser-tabs {
    --tab-line-color: var(--lwt-accent-color) !important;
  }
  

• Change active tab line color in Tree Style Tabs?

  :root .tab .highlighter::before {
    <do something>
  }
  

• How to remove the thin blue bar on top of active tabs?

  .tab-line {
      background-color:#f5f6f7 !important;
  }
  

  or

  .tabbrowser-tab:not([selected="true"]):hover .tab-line {
     background-color: #cccdcf !important;
  }
  

• [SOLVED] How to change active tab background color in css?

  #main-window[lwthemetextcolor=bright] tab[selected="true"] {
    color: blue !important;
  }
  #main-window[lwthemetextcolor=bright] tab[selected="true"] .tab-background {
    background-color: gold !important;
    background-image: none !important;
  }
  

  or

  /* ACTIVE TAB BACKGROUND COLOR */
  
  .tab-content[selected="true"] {
    background: rgba(65, 85, 145, 0.4) !important;
  }
  

chrome

shortcut

[!TIP] references:

• Keyboard shortcut to pull Google Chrome tab into its own window
• duplicate tab in same window

• shift + w : move tab to new windows by using Vimium
• cmd+l -> shift+enter : duplicate tab to new window
• cmd+l -> opt+enter : duplicate tab to same window

download

[!NOTE] references:

• Google Chrome Older Versions Download
• How to Download and Install Google Chrome On Mac OS

• download standalone version via : https://www.google.com/chrome/?standalone=1
• download for OSX : https://www.google.com/chrome/?platform=mac
  • standalone for OSX : https://www.google.com/chrome/?platform=mac&standalone=1
• download for linux : https://www.google.com/chrome/?platform=linux
  • standalone for linux : https://www.google.com/chrome/?platform=linux&standalone=1

tips

[!NOTE|label:references:]

• Tips & tricks for Chrome
• Tips and shortcuts for better browsing

remove "All Bookmarks"

[!NOTE|label:references:]

• How to remove "All Bookmarks" (Alle Lesezeichen) ?
• How do I get rid of the "All Bookmarks" tab?

• open about://flags
• disable Power bookmarks side panel

restart

• chrome://restart

chrome://chrome-urls

[!NOTE|label:references:]

• 我所了解的Chrome(不看你真的错过了)
• chrome://flags/ 中有哪些值得调整的选项？
• chrome默认隐身模式

• all in one

  • chrome://about/ or about:about
  • chrome://chrome-urls/ or about:chrome-urls
  • chrome://predictors/ or about:predictors

• quick open

  • chrome://downloads/ or about:download
  • chrome://version or about:version
  • chrome://settings/ or about:settings
  • chrome://flags/ or about:flags

• utilities

  • • chrome://dino/ or about:dino
  • chrome://translate-internals/ or about:translate-internals
  • chrome://user-actions/ or about:user-actions
  • chrome://whats-new/ or about:whats-new
  • chrome://topics-internals/ or about:topics-internals
  • chrome://quota-internals/ or about:quota-internals
  • chrome://profile-internals/ or about:profile-internals
  • chrome://prefs-internals/ or about:prefs-internals
  • chrome://password-manager-internals/ or about:password-manager-internals
  • chrome://ukm/ or about:ukm
  • chrome://components/ or about:components
  • chrome://sync-internals

• debug

  • chrome://local-state/ or about:local-state
  • chrome://process-internals/ or about:process-internals
  • chrome://system/ or about:system
  • chrome://history-clusters-internals/ or about:history-clusters-internals
  • chrome://web-app-internals/ or about:web-app-internals
  • chrome://histograms/ or about:histograms
  • chrome://gpu/ or about:gpu
  • chrome://net-internals/ or about:net-internals
  • chrome://net-export/ or about:net-export
  • chrome://device-log/ or about:device-log
  • chrome://badcastcrash/ or about:badcastcrash
  • chrome://inducebrowsercrashforrealz/ or about:inducebrowsercrashforrealz
  • chrome://inducebrowserdcheckforrealz/ or about:inducebrowserdcheckforrealz
  • chrome://crash/ or about:crash
  • chrome://crashdump/ or about:crashdump
  • chrome://kill/ or about:kill
  • chrome://hang/ or about:hang
  • chrome://shorthang/ or about:shorthang
  • chrome://gpuclean/ or about:gpuclean
  • chrome://gpucrash/ or about:gpucrash
  • chrome://gpuhang/ or about:gpuhang
  • chrome://memory-exhaust/ or about:memory-exhaust
  • chrome://memory-pressure-critical/ or about:memory-pressure-critical
  • chrome://memory-pressure-moderate/ or about:memory-pressure-moderate
  • chrome://quit/ or about:quit
  • chrome://restart/ or about:restart

incognito mode

[HKEY_CLASSES_ROOT\ChromeHTML\shell\open\command]
@="\"C:\\Program Files (x86)\\Google\\Chrome\\Application\\chrome.exe\" -incognito -- \"%1\""
[HKEY_CLASSES_ROOT\htmlfile\shell\open\command]
@="\"C:\\Program Files\\Internet Explorer\\iexplore.exe\" -incognito %1"
"DelegateExecute"="{17FE9752-0B5A-4665-84CD-569794602F5C}"

chromium

• download page : https://download-chromium.appspot.com
• download for OSX : https://download-chromium.appspot.com/?platform=Mac&type=snapshots