diff --git a/modules/nvim.nix b/modules/nvim.nix index 3f886519..081e0a5c 100644 --- a/modules/nvim.nix +++ b/modules/nvim.nix @@ -24,27 +24,27 @@ vim-sneak lightline-vim csv-vim - vimwiki - coc-nvim - coc-json - coc-python - coc-pairs - coc-emmet - emmet-vim - LanguageClient-neovim - ayu-vim - rainbow_parentheses-vim - vim-surround - vim-fugitive - #iron-nvim - #nvim-colorizer - vim-devicons - # testing - #vim-processing - #vim-tidal - taskwiki - #vim-zettel - #vimwiki-sync + vimwiki + coc-nvim + coc-json + coc-python + coc-pairs + coc-emmet + emmet-vim + LanguageClient-neovim + ayu-vim + rainbow_parentheses-vim + vim-surround + vim-fugitive + #iron-nvim + #nvim-colorizer + vim-devicons + # testing + #vim-processing + #vim-tidal + taskwiki + #vim-zettel + #vimwiki-sync ]; }; customRC = '' diff --git a/modules/themes/alucard/config/firefox/userChrome.css b/modules/themes/alucard/config/firefox/userChrome.css index de5ce5f7..35680185 100644 --- a/modules/themes/alucard/config/firefox/userChrome.css +++ b/modules/themes/alucard/config/firefox/userChrome.css @@ -9,46 +9,188 @@ visibility: collapse !important; } /* Sidebar min and max width removal */ - #sidebar { - max-width: none !important; - min-width: 0px !important; - } - /* hide sidebar header */ - #sidebar-header { - display: none; - } - /* Hide splitter, when using Tree Style Tab. */ - #sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"] + #sidebar-splitter { - display: none !important; - } - /* Hide sidebar header, when using Tree Style Tab. */ - #sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"] #sidebar-header { - visibility: collapse; - } - - /* Shrink sidebar until hovered, when using Tree Style Tab. */ - :root { - --thin-tab-width: 30px; - --wide-tab-width: 200px; - } + :root { + /* expanded width of the sidebar. + used for userChrome-static, and hover */ + --sidebar-width: 250px; + /* initial width of the sidebar. + advised not to change since tst css relies on this value*/ + --sidebar-collapsed-width: 60px; + } + #sidebar-box { - min-width: var(--thin-tab-width) !important; - max-width: none !important; + z-index: 1000 !important; + position: relative !important; + min-width: var(--sidebar-collapsed-width) !important; + max-width: var(--sidebar-collapsed-width) !important; } - /* #sidebar-box { - position: relative !important; - transition: all 300ms !important; - min-width: var(--thin-tab-width) !important; - max-width: var(--thin-tab-width) !important; - } */ - #sidebar-box:hover { - transition: all 300ms !important; - min-width: var(--wide-tab-width) !important; - max-width: var(--wide-tab-width) !important; - /* Negative right-margin to keep page from being pushed to the side. */ - margin-right: calc((var(--wide-tab-width) - var(--thin-tab-width)) * -1) !important; + #sidebar-header, + #sidebar-splitter { + display: none !important; } + + /* inner width = expanded width & move inner to only show initial-width long section */ + #sidebar-box #sidebar { + position: absolute !important; + min-width: var(--sidebar-width) !important; + max-width: var(--sidebar-width) !important; + width: var(--sidebar-width) !important; + transform: translateX(calc(var(--sidebar-collapsed-width) - var(--sidebar-width))); + transition: all var(--transition-time) var(--ease-out); + } + + /* move inner to show entire sidebar */ + #sidebar-box #sidebar:hover { + transform: translateX(0) !important; + box-shadow: 2px 0 33px -3px var(--sidebar-shadow-color); + } + + #sidebar-box[sidebarcommand="viewBookmarksSidebar"] #sidebar { + transform: translateX(0) !important; + box-shadow: 2px 0 33px -3px var(--sidebar-shadow-color); + } + /* hide sidebar header for tree style tabs sidebar */ + #sidebar-box #sidebar-header { + display: none; + } + + #sidebar { + border-right: solid var(--dividers) var(--sidebar-shadow-color) !important; + } + + toolbar { + border: none !important; + } + + #tabbrowser-arrowscrollbox { + margin: 7px 14px 7px 14px; + } + + .tabbrowser-tab::after { + border: none !important; + } + + .tab-background .tab-line, + .tab-background .tab-bottom-line { + display: none; + } + + tab[selected="true"] > .tab-stack > .tab-background { + background: var(--tl-tab-background-gradient, var(--arrowpanel-dimmed-further)) !important; + } + + tab:not([selected="true"]) > .tab-stack:hover > .tab-background { + background: var(--arrowpanel-background) !important; + } + + .tab-stack { + border-radius: 7px; + margin-right: 5px; + overflow: hidden; + } + + .tab-stack .tab-icon-image, + .tab-stack .tab-label-container { + transform: translateX(0px); + transition: all var(--tl-animation-duration) var(--ease-out) !important; + } + + .tab-stack .tab-icon-image { + transition-duration: calc(var(--tl-animation-duration) * 2) !important; + } + + tab:not([pinned="true"]) .tab-stack:hover .tab-icon-image { + transform: translateX(-25px) !important; + } + + .tab-stack:hover .tab-label-container { + transform: translateX(-23px) !important; + } + + /* containers */ + tab:not([selected="true"]).identity-color-blue > .tab-stack, + tab:not([selected="true"]).identity-color-orange > .tab-stack, + tab:not([selected="true"]).identity-color-green > .tab-stack, + tab:not([selected="true"]).identity-color-pink > .tab-stack{ + border-radius: 0 0 7px 7px !important; + } + + tab[selected="true"].identity-color-blue > .tab-stack .tab-label-container, + tab[selected="true"].identity-color-orange > .tab-stack .tab-label-container, + tab[selected="true"].identity-color-green > .tab-stack .tab-label-container, + tab[selected="true"].identity-color-pink > .tab-stack .tab-label-container{ + color: #000 !important; + } + + /* blue */ + tab[selected="true"].identity-color-blue > .tab-stack > .tab-background{ + background: linear-gradient(to right, #3182CE , #0BC5EA) !important; + } + + tab:not([selected="true"]).identity-color-blue > .tab-stack > .tab-background{ + border-top: solid 4px #63B3ED !important; + } + + /* orange */ + tab[selected="true"].identity-color-orange > .tab-stack > .tab-background{ + background: linear-gradient(to right, #DD6B20 , #F56565) !important; + } + + tab:not([selected="true"]).identity-color-orange > .tab-stack > .tab-background{ + border-top: solid 4px #F6AD55 !important; + } + + /* green */ + tab[selected="true"].identity-color-green > .tab-stack > .tab-background{ + background: linear-gradient(to right, #38A169 , #38B2AC) !important; + } + + tab:not([selected="true"]).identity-color-green > .tab-stack > .tab-background{ + border-top: solid 4px #68D391 !important; + } + + /* pink */ + tab[selected="true"].identity-color-pink > .tab-stack > .tab-background{ + background: linear-gradient(to right, #D53F8C , #9F7AEA) !important; + } + + tab:not([selected="true"]).identity-color-pink > .tab-stack > .tab-background{ + border-top: solid 4px #F687B3 !important; + } + + + .tab-stack .tab-close-button { + border-radius: 50%; + margin-left: -20px !important; + background: var(--lwt-text-color); + fill: var(--lwt-accent-color) !important; + transform: translateX(30px) !important; + transition: all var(--tl-animation-duration) var(--ease-out) !important; + } + + .tab-stack:hover .tab-close-button { + transform: translateX(0px) !important; + } + +#tabbrowser-tabs[closebuttons="activetab"] > #tabbrowser-arrowscrollbox > +.tabbrowser-tab > .tab-stack > .tab-content > .tab-close-button:not([selected="true"]){ + display: block !important; +} + + /* hide tabs */ + .tabbrowser-tab { + display: none; + } + + #tabs-newtab-button { + display: none; + } + + .titlebar-spacer { + display: none !important; + } + /*** TAB BAR ***/ /* Ensure tab doesn't show through auto-completion popup */