├── .gitignore ├── TokyoNight ├── Screenshots │ ├── 1.png │ ├── 2.png │ └── 3.png ├── theme-gtk-3.20.css ├── manifest.json └── theme.css ├── README.md └── Licence /.gitignore: -------------------------------------------------------------------------------- 1 | TokyoNight/generated.css 2 | -------------------------------------------------------------------------------- /TokyoNight/Screenshots/1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SirHades696/TokyoNight-Ulauncher-Theme/HEAD/TokyoNight/Screenshots/1.png -------------------------------------------------------------------------------- /TokyoNight/Screenshots/2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SirHades696/TokyoNight-Ulauncher-Theme/HEAD/TokyoNight/Screenshots/2.png -------------------------------------------------------------------------------- /TokyoNight/Screenshots/3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SirHades696/TokyoNight-Ulauncher-Theme/HEAD/TokyoNight/Screenshots/3.png -------------------------------------------------------------------------------- /TokyoNight/theme-gtk-3.20.css: -------------------------------------------------------------------------------- 1 | @import url("theme.css"); 2 | 3 | .input { 4 | caret-color: @caret_color; 5 | } 6 | 7 | .selected.item-box { 8 | /* workaround for a bug in GTK+ < 3.20 */ 9 | border: none; 10 | } 11 | -------------------------------------------------------------------------------- /TokyoNight/manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "manifest_version": "1", 3 | "name": "TokyoNight-Theme", 4 | "display_name": "TokyoNight Theme", 5 | "extend_theme": "dark", 6 | "css_file": "theme.css", 7 | "css_file_gtk_3.20+": "theme-gtk-3.20.css", 8 | "matched_text_hl_colors": { 9 | "when_selected": "#b4f9f8", 10 | "when_not_selected": "#7aa2f7" 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # TokyoNight Theme by SirHades696 2 | 3 | A theme for Ulancher inspired by [`Tokyo Night Theme`](https://github.com/enkia/tokyo-night-vscode-theme) 4 | 5 | ## Screenshots 6 | 7 | ![SS](TokyoNight/Screenshots/1.png) 8 | 9 | ![SS](TokyoNight/Screenshots/2.png) 10 | 11 | ![SS](TokyoNight/Screenshots/3.png) 12 | 13 | ## Installation 14 | 15 | ```sh 16 | 17 | mkdir -p ~/.config/ulauncher/user-themes 18 | git clone https://github.com/SirHades696/TokyoNight-Ulauncher-Theme \ 19 | ~/.config/ulauncher/user-themes/ 20 | 21 | ``` 22 | 23 | ## Credits 24 | 25 | * [Surendrajat](https://github.com/Surendrajat/SeaOwl-Ulauncher-theme) 26 | 27 | * [Tokyo Night Theme](https://github.com/enkia/tokyo-night-vscode-theme) 28 | 29 | 30 | -------------------------------------------------------------------------------- /Licence: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2022 Emmanuel Nicanor 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /TokyoNight/theme.css: -------------------------------------------------------------------------------- 1 | /** 2 | * App Window 3 | */ 4 | @define-color bg_color rgba(36, 40, 59, 0.9); 5 | @define-color window_bg @bg_color; 6 | @define-color window_border_color rgba(42, 195, 222, 1); 7 | @define-color prefs_backgroud rgba(36, 40, 59, 1); 8 | 9 | /** 10 | * Input 11 | */ 12 | @define-color selected_bg_color rgba(65, 72, 104, 1); 13 | @define-color selected_fg_color rgba(187, 154, 247, 1); 14 | @define-color input_color rgba(158, 206, 106, 1); 15 | @define-color caret_color darker(@input_color); 16 | 17 | /** 18 | * Result items 19 | */ 20 | @define-color item_name rgba(86, 95, 137, 1); 21 | @define-color item_text @selected_fg_color; 22 | 23 | @define-color item_box_selected rgba(65, 72, 104, 0.8); 24 | @define-color item_text_selected rgba(255, 158, 100, 1); 25 | @define-color item_name_selected rgba(115, 218, 202, 1); 26 | 27 | @define-color item_shortcut_color rgba(224, 175, 104, 1); 28 | @define-color item_shortcut_shadow darker(@bg_color); 29 | @define-color item_shortcut_color_sel rgba(247, 118, 142, 1); 30 | @define-color item_shortcut_shadow_sel darker(@item_box_selected); 31 | 32 | .app { 33 | background-color: @window_bg; 34 | border: 2px solid @window_border_color; 35 | border-radius: 30px; 36 | margin: 0 -20px; 37 | } 38 | 39 | .input { 40 | color: @input_color; 41 | padding: 0px; 42 | margin-left: 15px; 43 | border-bottom: 1px solid alpha(@window_border_color,0.3); 44 | } 45 | 46 | /** 47 | * Selected text in input 48 | */ 49 | .input *:selected, 50 | .input *:focus, 51 | *:selected:focus { 52 | background-color: alpha (@selected_bg_color, 0.9); 53 | color: @selected_fg_color; 54 | } 55 | 56 | .item-text { 57 | color: @item_text; 58 | } 59 | .item-name { 60 | color: @item_name; 61 | } 62 | 63 | .item-box { 64 | border-bottom: 1px dashed alpha(@window_border_color, 0.1); 65 | } 66 | 67 | .selected.item-box { 68 | background-color: @item_box_selected; 69 | border-radius: 15px; 70 | } 71 | 72 | .selected.item-box .item-text { 73 | color: @item_text_selected; 74 | } 75 | 76 | .selected.item-box .item-name { 77 | color: @item_name_selected; 78 | } 79 | 80 | .item-shortcut { 81 | color: @item_shortcut_color; 82 | text-shadow: 1px 1px 1px @item_shortcut_shadow; 83 | } 84 | .selected.item-box .item-shortcut { 85 | color: @item_shortcut_color_sel; 86 | text-shadow: 1px 1px 1px @item_shortcut_shadow_sel; 87 | } 88 | 89 | .result-box { 90 | margin: 0px 19px 0px 19px; 91 | } 92 | 93 | .prefs-btn { 94 | opacity: 0.8; 95 | } 96 | .prefs-btn:hover { 97 | background-color: @prefs_backgroud; 98 | } 99 | 100 | .no-window-shadow { 101 | margin: -20px; 102 | } 103 | --------------------------------------------------------------------------------