browser

• firefox

  • restart firefox

  • customized firefox style

• chrome

  • shortcut

  • download

  • tips

• chromium

references:

• CSS Selector Reference

• CSS Selectors

• Understand ‘+’, ‘>’ and ‘~’ symbols in CSS Selector

• 10 CSS3 Properties You Need to Be Familiar With

• CSS: Cascading Style Sheets

  • :is()

• A list of Font Awesome icons and their CSS content values

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](https://support.google.com/chrome/answer/3098656?hl=enTips and shortcuts for better browsing)

• 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