Skip to content

Latest commit

 

History

History
185 lines (135 loc) · 6.77 KB

theme.md

File metadata and controls

185 lines (135 loc) · 6.77 KB

Information about theme configurations.

Colors

Switching

The following places require updates to theme:

  • emacs: .config/doom/config.org
  • firefox
  • gitui: .config/gitui/theme.ron
  • helix: .config/helix/config.toml
  • slack
  • wezterm: .config/wezterm/wezterm.lua

Aside from firefox and slack, a simple light / dark toggle can be done with:

light-dark-toggle.sh

On MacOS you can toggle the system theme and run this file by importing the shortcut file provided herein, /light-dark-toggle.shortcut, and clicking the light-dark-toggle shortcut in the menu bar.

firefox themes

Refined Github

It is nice to improve the bar with this custom css when in light mode. It can be done in the plugin preferences.

.Header {
  background-color: #9E9E9E;
}

.header-search-wrapper {
  background-color: #9E9E9E;
}

slack themes

  • an old hope
#1C1D21,#44475A,#45474F,#4FB4D8,#B55510,#CBCDD2,#78BD65,#EB3D54,#1C1D21,#E5CD52
  • DNGreenie
#295459,#121016,#193639,#F7F7F7,#386B75,#BEC1C5,#53E4FF,#E384AD,#295459,#BEC1C5
#324141,#121016,#3E5858,#F3F3F3,#253131,#C5C5C5,#6ACE89,#F7768E,#324141,#C5C5C5
  • kaolin bubblegum
#14171E,#E84C58,#272C3A,#41B0F3,#272C3A,#E4E4E8,#A2C5C5,#EED891,#14171E,#C79AF4
  • night owl
#011627,#1D3B53,#1D3B53,#82AAFF,#1D3B53,#D6DEEB,#ADDB67,#7E57C2,#0A151F,#D6DEEB
  • onelight
#FAFAFA,#EDEDED,#A6C5EF,#B500A9,#EDEDED,#282C34,#24A443,#DC003F,#E3E3E3,#0061FF
  • tokyonight
#1E2336,#121016,#282E44,#B6BFE5,#282E44,#8C94B8,#8DCE59,#8366AF,#1E2336,#8C94B8

themer

Fonts

Switching

The following places require updates to font:

  • emacs: ~/.config/doom/config.org
  • wezterm: ~/.config/wezterm/wezterm.lua
  • Miscellany

Firefox is a bit more pleasant for me in MacOS fullscreen with the tabs below the address bar. To do that, add this to your profile's userChrome.css.

~/Library/Application\ Support/Firefox/Profiles/<profile>/chrome/userChrome.css

/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_on_bottom.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */

/* Modify to change window drag space width */
/*
Use tabs_on_bottom_menubar_on_top_patch.css if you
have menubar permanently enabled and want it on top
 */

/* IMPORTANT */
/*
Get window_control_placeholder_support.css
Window controls will be all wrong without it.
Additionally on Linux, you may need to get:
linux_gtk_window_control_patch.css
*/

#toolbar-menubar[autohide="true"] > .titlebar-buttonbox-container,
#TabsToolbar > .titlebar-buttonbox-container{
  position: fixed;
  display: block;
  top: 0px;
  right:0;
  height: 40px;
}
/* Mac specific. You should set that font-smoothing pref to true if you are on any platform where window controls are on left */
@supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled"){
  .titlebar-buttonbox-container{ left:0; right: unset !important; }
}

:root[uidensity="compact"] #TabsToolbar > .titlebar-buttonbox-container{ height: 32px }

#toolbar-menubar[inactive] > .titlebar-buttonbox-container{ opacity: 0 }

.titlebar-buttonbox-container > .titlebar-buttonbox{ height: 100%; }

#titlebar{
  -moz-box-ordinal-group: 2;
  -moz-appearance: none !important;
  --tabs-navbar-shadow-size: 0px;
}
/* Re-order window and tab notification boxes */
#navigator-toolbox > div{ display: contents }
.global-notificationbox,
#tab-notification-deck{ -moz-box-ordinal-group: 2 }

#TabsToolbar .titlebar-spacer{ display: none; }
/* Also hide the toolbox bottom border which isn't at bottom with this setup */
#navigator-toolbox::after{ display: none !important; }

@media (-moz-gtk-csd-close-button){ .titlebar-button{ -moz-box-orient: vertical } }

/* At Activated Menubar */
:root:not([chromehidden~="menubar"], [sizemode="fullscreen"]) #toolbar-menubar:not([autohide="true"]) + #TabsToolbar > .titlebar-buttonbox-container {
  display: block !important;
}
#toolbar-menubar:not([autohide="true"]) > .titlebar-buttonbox-container {
  visibility: hidden;
}

/* These exist only for compatibility with autohide-tabstoolbar.css */
toolbox#navigator-toolbox > toolbar#nav-bar.browser-toolbar{ animation: none; }
#navigator-toolbox:hover #TabsToolbar{ animation: slidein ease-out 48ms 1 }
#TabsToolbar > .titlebar-buttonbox-container{ visibility: visible }
#navigator-toolbox:not(:-moz-lwtheme){ background-color: -moz-dialog }

/* Uncomment the following if you want bookmarks toolbar to be below tabs */
/*
#PersonalToolbar{ -moz-box-ordinal-group: 2 }
*/