diff --git a/ulauncher/.config/ulauncher/user-themes/nord/README.md b/ulauncher/.config/ulauncher/user-themes/nord/README.md new file mode 100644 index 0000000..a443116 --- /dev/null +++ b/ulauncher/.config/ulauncher/user-themes/nord/README.md @@ -0,0 +1,13 @@ +# ulauncher-nord +A nord theme for Ulauncher + +### Screenshot + +![A preview of the launcher](Screenshot_ulauncher.jpg) + +### Installing +To install this theme, clone this repo to `~/.config/ulauncher/user-themes` +``` +git clone https://github.com/KiranWells/ulauncher-nord/ \ + ~/.config/ulauncher/user-themes/nord +``` diff --git a/ulauncher/.config/ulauncher/user-themes/nord/generated.css b/ulauncher/.config/ulauncher/user-themes/nord/generated.css new file mode 100644 index 0000000..947a883 --- /dev/null +++ b/ulauncher/.config/ulauncher/user-themes/nord/generated.css @@ -0,0 +1,11 @@ +@import url("/home/vectorkappa/.cache/ulauncher_cache/themes/dark/generated.css"); + +@import url("theme.css"); + +.input { + caret-color: @caret_color; +} +.selected.item-box { + /* workaround for a bug in GTK+ < 3.20 */ + border: none; +} diff --git a/ulauncher/.config/ulauncher/user-themes/nord/manifest.json b/ulauncher/.config/ulauncher/user-themes/nord/manifest.json new file mode 100644 index 0000000..1101c72 --- /dev/null +++ b/ulauncher/.config/ulauncher/user-themes/nord/manifest.json @@ -0,0 +1,12 @@ +{ + "manifest_version": "1", + "name": "nord", + "display_name": "Nord", + "extend_theme": "dark", + "css_file": "theme.css", + "css_file_gtk_3.20+": "theme-gtk-3.20.css", + "matched_text_hl_colors": { + "when_selected": "#eceff4", + "when_not_selected": "#d8dee9" + } +} diff --git a/ulauncher/.config/ulauncher/user-themes/nord/theme-gtk-3.20.css b/ulauncher/.config/ulauncher/user-themes/nord/theme-gtk-3.20.css new file mode 100644 index 0000000..d9a8916 --- /dev/null +++ b/ulauncher/.config/ulauncher/user-themes/nord/theme-gtk-3.20.css @@ -0,0 +1,9 @@ +@import url("theme.css"); + +.input { + caret-color: @caret_color; +} +.selected.item-box { + /* workaround for a bug in GTK+ < 3.20 */ + border: none; +} diff --git a/ulauncher/.config/ulauncher/user-themes/nord/theme.css b/ulauncher/.config/ulauncher/user-themes/nord/theme.css new file mode 100644 index 0000000..a8307c4 --- /dev/null +++ b/ulauncher/.config/ulauncher/user-themes/nord/theme.css @@ -0,0 +1,85 @@ +/** + * App Window + */ +@define-color bg_color #2e3440; +@define-color window_bg @bg_color; +@define-color window_border_color #3b4252; +@define-color prefs_backgroud #eceff4; + +/** + * Input + */ +@define-color selected_bg_color #4c566a; +@define-color selected_fg_color #eceff4; +@define-color input_color #e5e9f0; +@define-color caret_color darker(@input_color); + +/** + * Result items + */ +@define-color item_name #d8dee9; +@define-color item_text #4c566a; +@define-color item_box_selected #3b4252; +@define-color item_text_selected #d8dee9; +@define-color item_name_selected #d8dee9; +@define-color item_shortcut_color #e5e9f0; +@define-color item_shortcut_shadow darker(@bg_color); +@define-color item_shortcut_color_sel #5e81ac; +@define-color item_shortcut_shadow_sel darker(@item_box_selected); + +.app { + background-color: @window_bg; + border-color: @window_border_color; +} + +.input { + color: @input_color; +} + +/** + * Selected text in input + */ +.input *:selected, +.input *:focus, +*:selected:focus { + background-color: alpha (@selected_bg_color, 0.9); + color: @selected_fg_color; +} + +.item-text { + color: @item_text; +} +.item-name { + color: @item_name; +} + +.selected.item-box { + background-color: @item_box_selected; + border-left: 1px solid @window_border_color; + border-right: 1px solid @window_border_color; +} +.selected.item-box .item-text { + color: @item_text_selected; +} +.selected.item-box .item-name { + color: @item_name_selected; +} +.item-shortcut { + color: @item_shortcut_color; + text-shadow: 1px 1px 1px @item_shortcut_shadow; +} +.selected.item-box .item-shortcut { + color: @item_shortcut_color_sel; + text-shadow: 1px 1px 1px @item_shortcut_shadow_sel; +} + +.prefs-btn { + opacity: 0.8; +} +.prefs-btn:hover { + background-color: @prefs_backgroud; +} + +.no-window-shadow { + margin: -20px; +}