fixed: selection highlight

added: autocomplete code completion and quick panel color options
arvi · May 20, 2016 · 10fc60b · 10fc60b
1 parent 8f645cc
commit 10fc60b
Show file tree

Hide file tree

Showing 10 changed files with 268 additions and 24 deletions.
diff --git a/Agila Classic Oceanic Next.tmTheme b/Agila Classic Oceanic Next.tmTheme
@@ -39,7 +39,7 @@
                 <key>lineHighlight</key>
                 <string>#483330</string>
                 <key>selection</key>
-                <string>#835d57</string>
+                <string>#483330</string>
             </dict>
         </dict>
         <dict>

diff --git a/Agila Classic.sublime-theme b/Agila Classic.sublime-theme
@@ -92,8 +92,7 @@
 //                     sidebar entry hover state
 //
 // [180, 180, 180] --> #b4b4b4
-//                     tab label hover state | quick panel match label |
-//                     quick panel path label | autocomplete match label
+//                     tab label hover state | quick panel path label
 //
 // [159, 154, 157] --> #9f9a9d
 //                     tab label inactive state | overlay scrollbar puck
@@ -109,7 +108,7 @@
 //                     minimap control | sidebar file dirty close button tint |
 //                     text dropdown tint | text field dropdown hover state |
 //                     quick panel selected match foreground | icon button control |
-//                     sidebar folder button tint
+//                     sidebar folder button tint | autocomplete match label | quick panel match label
 //
 // [175, 175, 175] --> ##afafaf
 //                     fold button control default state
@@ -1112,10 +1111,41 @@
     {
         "class": "quick_panel_label",
         "fg": [159, 154, 157], //quick panel foreground
-        "match_fg": [180, 180, 180], //quick panel match label
+        "match_fg": [255, 255, 255], //quick panel match label
         "selected_fg": [159, 154, 157], //quick panel foreground
         "selected_match_fg": [255, 255, 255] //quick panel selected match foreground
     },
+            //Autocomplete - Quick Panel - options
+            {
+                "class": "quick_panel_label",
+                "settings": ["theme_agila_auto_complete_white"],
+                "match_fg": [255, 255, 255],
+                "selected_match_fg": [255, 255, 255] //white theme
+            },
+            {
+                "class": "quick_panel_label",
+                "settings": ["theme_agila_auto_complete_gray"],
+                "match_fg": [134, 145, 165],
+                "selected_match_fg": [134, 145, 165] //gray theme
+            },
+            {
+                "class": "quick_panel_label",
+                "settings": ["theme_agila_auto_complete_lightblue"],
+                "match_fg": [69, 183, 207],
+                "selected_match_fg": [69, 183, 207] //light blue theme
+            },
+            {
+                "class": "quick_panel_label",
+                "settings": ["theme_agila_auto_complete_yellow"],
+                "match_fg": [254, 201, 106],
+                "selected_match_fg": [254, 201, 106] //yellow theme
+            },
+            {
+                "class": "quick_panel_label",
+                "settings": ["theme_agila_auto_complete_pink"],
+                "match_fg": [243, 103, 129],
+                "selected_match_fg": [243, 103, 129] //pink theme
+            },
     {
         "class": "quick_panel_path_label",
         "fg": [159, 154, 157], //quick panel foreground
@@ -1163,10 +1193,41 @@
     {
         "class": "auto_complete_label",
         "fg": [159, 154, 157], //autocomplete foreground
-        "match_fg": [180, 180, 180], //autocomplete match label
+        "match_fg": [255, 255, 255], //autocomplete match label
         "selected_fg": [159, 154, 157], //autocomplete foreground
-        "selected_match_fg": [180, 180, 180] //autocomplete match label
+        "selected_match_fg": [255, 255, 255] //autocomplete match label
     },
+            //Autocomplete - Code Completion - options
+            {
+                "class": "auto_complete_label",
+                "settings": ["theme_agila_auto_complete_white"],
+                "match_fg": [255, 255, 255],
+                "selected_match_fg": [255, 255, 255] //white theme
+            },
+            {
+                "class": "auto_complete_label",
+                "settings": ["theme_agila_auto_complete_gray"],
+                "match_fg": [134, 145, 165],
+                "selected_match_fg": [134, 145, 165] //gray theme
+            },
+            {
+                "class": "auto_complete_label",
+                "settings": ["theme_agila_auto_complete_lightblue"],
+                "match_fg": [69, 183, 207],
+                "selected_match_fg": [69, 183, 207] //light blue theme
+            },
+            {
+                "class": "auto_complete_label",
+                "settings": ["theme_agila_auto_complete_yellow"],
+                "match_fg": [254, 201, 106],
+                "selected_match_fg": [254, 201, 106] //yellow theme
+            },
+            {
+                "class": "auto_complete_label",
+                "settings": ["theme_agila_auto_complete_pink"],
+                "match_fg": [243, 103, 129],
+                "selected_match_fg": [243, 103, 129] //pink theme
+            },
     {
         "class": "table_row",
         "layer0.texture": "",

diff --git a/Agila Light Solarized.tmTheme b/Agila Light Solarized.tmTheme
@@ -16,11 +16,11 @@
 				<key>foreground</key>
 				<string>#586E75</string>
 				<key>invisibles</key>
-				<string>#93A1A180</string>
+				<string>#EEE8D5</string>
 				<key>lineHighlight</key>
 				<string>#EEE8D5</string>
 				<key>selection</key>
-				<string>#073642</string>
+				<string>#fbeecb</string>
 			</dict>
 		</dict>
 		<dict>

diff --git a/Agila Light.sublime-theme b/Agila Light.sublime-theme
@@ -87,8 +87,7 @@
 //                     tab label active state
 //
 // [180, 180, 180] --> #b4b4b4
-//                     tab label hover state | quick panel match label |
-//                     quick panel path label | autocomplete match label
+//                     tab label hover state | quick panel path label
 //
 // [159, 154, 157] --> #9f9a9d
 //                     tab label inactive state | overlay scrollbar puck
@@ -111,7 +110,7 @@
 //                     bottom icon hover state
 //
 // [239, 187, 44]  --> #efbb2c
-//                     quick panel selected match foreground | autocomplete match label
+//                     quick panel selected match foreground | autocomplete match label | quick panel match label
 //
 // [255, 255, 255] --> #ffffff - white theme
 //                     sidebar file close color | tab inactive state close button |
@@ -1113,10 +1112,41 @@
     {
         "class": "quick_panel_label",
         "fg": [159, 154, 157], //quick panel foreground
-        "match_fg": [180, 180, 180], //quick panel match label
+        "match_fg": [239, 187, 44], //quick panel match label
         "selected_fg": [159, 154, 157], //quick panel foreground
         "selected_match_fg": [239, 187, 44] //quick panel selected match foreground
     },
+            //Autocomplete - Quick Panel - options
+            {
+                "class": "quick_panel_label",
+                "settings": ["theme_agila_auto_complete_white"],
+                "match_fg": [255, 255, 255],
+                "selected_match_fg": [255, 255, 255] //white theme
+            },
+            {
+                "class": "quick_panel_label",
+                "settings": ["theme_agila_auto_complete_gray"],
+                "match_fg": [134, 145, 165],
+                "selected_match_fg": [134, 145, 165] //gray theme
+            },
+            {
+                "class": "quick_panel_label",
+                "settings": ["theme_agila_auto_complete_lightblue"],
+                "match_fg": [69, 183, 207],
+                "selected_match_fg": [69, 183, 207] //light blue theme
+            },
+            {
+                "class": "quick_panel_label",
+                "settings": ["theme_agila_auto_complete_yellow"],
+                "match_fg": [254, 201, 106],
+                "selected_match_fg": [254, 201, 106] //yellow theme
+            },
+            {
+                "class": "quick_panel_label",
+                "settings": ["theme_agila_auto_complete_pink"],
+                "match_fg": [243, 103, 129],
+                "selected_match_fg": [243, 103, 129] //pink theme
+            },
     {
         "class": "quick_panel_path_label",
         "fg": [159, 154, 157], //quick panel foreground
@@ -1164,10 +1194,41 @@
     {
         "class": "auto_complete_label",
         "fg": [159, 154, 157], //autocomplete foreground
-        "match_fg": [180, 180, 180], //autocomplete match label
+        "match_fg": [239, 187, 44], //autocomplete match label
         "selected_fg": [159, 154, 157], //autocomplete foreground
         "selected_match_fg": [239, 187, 44] //autocomplete match label
     },
+            //Autocomplete - Code Completion - options
+            {
+                "class": "auto_complete_label",
+                "settings": ["theme_agila_auto_complete_white"],
+                "match_fg": [255, 255, 255],
+                "selected_match_fg": [255, 255, 255] //white theme
+            },
+            {
+                "class": "auto_complete_label",
+                "settings": ["theme_agila_auto_complete_gray"],
+                "match_fg": [134, 145, 165],
+                "selected_match_fg": [134, 145, 165] //gray theme
+            },
+            {
+                "class": "auto_complete_label",
+                "settings": ["theme_agila_auto_complete_lightblue"],
+                "match_fg": [69, 183, 207],
+                "selected_match_fg": [69, 183, 207] //light blue theme
+            },
+            {
+                "class": "auto_complete_label",
+                "settings": ["theme_agila_auto_complete_yellow"],
+                "match_fg": [254, 201, 106],
+                "selected_match_fg": [254, 201, 106] //yellow theme
+            },
+            {
+                "class": "auto_complete_label",
+                "settings": ["theme_agila_auto_complete_pink"],
+                "match_fg": [243, 103, 129],
+                "selected_match_fg": [243, 103, 129] //pink theme
+            },
     {
         "class": "table_row",
         "layer0.texture": "",

diff --git a/Agila Oceanic Next.tmTheme b/Agila Oceanic Next.tmTheme
@@ -33,13 +33,13 @@
                 <key>caret</key>
                 <string>#c0c5ce</string>
                 <key>foreground</key>
-                <string>#CDD3DE</string>
+                <string>#cdd3de</string>
                 <key>invisibles</key>
                 <string>#3b4452</string>
                 <key>lineHighlight</key>
                 <string>#3b4452</string>
                 <key>selection</key>
-                <string>#78879e</string>
+                <string>#343d46</string>
             </dict>
         </dict>
         <dict>
@@ -61,7 +61,7 @@
             <key>settings</key>
             <dict>
                 <key>foreground</key>
-                <string>#CDD3DE</string>
+                <string>#cdd3de</string>
             </dict>
         </dict>
         <dict>

diff --git a/Agila.sublime-theme b/Agila.sublime-theme
@@ -89,8 +89,7 @@
 //                     sidebar entry default state
 //
 // [180, 180, 180] --> #b4b4b4
-//                     tab label hover state | quick panel match label |
-//                     quick panel path label | autocomplete match label
+//                     tab label hover state | quick panel path label
 //
 // [159, 154, 157] --> #9f9a9d
 //                     tab label inactive state | overlay scrollbar puck
@@ -106,7 +105,7 @@
 //                     minimap control | sidebar file dirty close button tint |
 //                     text dropdown tint | text field dropdown hover state |
 //                     quick panel selected match foreground | icon button control |
-//                     sidebar folder button tint
+//                     sidebar folder button tint | autocomplete match label | quick panel match label
 //
 // [175, 175, 175] --> ##afafaf
 //                     fold button control default state
@@ -1111,10 +1110,41 @@
     {
         "class": "quick_panel_label",
         "fg": [159, 154, 157], //quick panel foreground
-        "match_fg": [180, 180, 180], //quick panel match label
+        "match_fg": [255, 255, 255], //quick panel match label
         "selected_fg": [159, 154, 157], //quick panel foreground
         "selected_match_fg": [255, 255, 255] //quick panel selected match foreground
     },
+            //Autocomplete - Quick Panel - options
+            {
+                "class": "quick_panel_label",
+                "settings": ["theme_agila_auto_complete_white"],
+                "match_fg": [255, 255, 255],
+                "selected_match_fg": [255, 255, 255] //white theme
+            },
+            {
+                "class": "quick_panel_label",
+                "settings": ["theme_agila_auto_complete_gray"],
+                "match_fg": [134, 145, 165],
+                "selected_match_fg": [134, 145, 165] //gray theme
+            },
+            {
+                "class": "quick_panel_label",
+                "settings": ["theme_agila_auto_complete_lightblue"],
+                "match_fg": [69, 183, 207],
+                "selected_match_fg": [69, 183, 207] //light blue theme
+            },
+            {
+                "class": "quick_panel_label",
+                "settings": ["theme_agila_auto_complete_yellow"],
+                "match_fg": [254, 201, 106],
+                "selected_match_fg": [254, 201, 106] //yellow theme
+            },
+            {
+                "class": "quick_panel_label",
+                "settings": ["theme_agila_auto_complete_pink"],
+                "match_fg": [243, 103, 129],
+                "selected_match_fg": [243, 103, 129] //pink theme
+            },
     {
         "class": "quick_panel_path_label",
         "fg": [159, 154, 157], //quick panel foreground
@@ -1162,10 +1192,41 @@
     {
         "class": "auto_complete_label",
         "fg": [159, 154, 157], //autocomplete foreground
-        "match_fg": [180, 180, 180], //autocomplete match label
+        "match_fg": [255, 255, 255], //autocomplete match label
         "selected_fg": [159, 154, 157], //autocomplete foreground
-        "selected_match_fg": [180, 180, 180] //autocomplete match label
+        "selected_match_fg": [255, 255, 255] //autocomplete match label
     },
+            //Autocomplete - Code Completion - options
+            {
+                "class": "auto_complete_label",
+                "settings": ["theme_agila_auto_complete_white"],
+                "match_fg": [255, 255, 255],
+                "selected_match_fg": [255, 255, 255] //white theme
+            },
+            {
+                "class": "auto_complete_label",
+                "settings": ["theme_agila_auto_complete_gray"],
+                "match_fg": [134, 145, 165],
+                "selected_match_fg": [134, 145, 165] //gray theme
+            },
+            {
+                "class": "auto_complete_label",
+                "settings": ["theme_agila_auto_complete_lightblue"],
+                "match_fg": [69, 183, 207],
+                "selected_match_fg": [69, 183, 207] //light blue theme
+            },
+            {
+                "class": "auto_complete_label",
+                "settings": ["theme_agila_auto_complete_yellow"],
+                "match_fg": [254, 201, 106],
+                "selected_match_fg": [254, 201, 106] //yellow theme
+            },
+            {
+                "class": "auto_complete_label",
+                "settings": ["theme_agila_auto_complete_pink"],
+                "match_fg": [243, 103, 129],
+                "selected_match_fg": [243, 103, 129] //pink theme
+            },
     {
         "class": "table_row",
         "layer0.texture": "",

diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -4,6 +4,17 @@
 
 ### Changelog
 
+##### Version 1.5.0 - CURRENT VERSION
+* Fixed selection highlight
+* Added code completion and quick panel color options
+    ```json
+        "theme_agila_auto_complete_white": true,
+        "theme_agila_auto_complete_gray": true,
+        "theme_agila_auto_complete_lightblue": true,
+        "theme_agila_auto_complete_yellow": true,
+        "theme_agila_auto_complete_pink": true,
+    ```    
+
 ##### Version 1.4.0 - CURRENT VERSION
 * Added sidebar heading color options - thanks to [davidmatas](https://github.com/davidmatas)
     ```json

diff --git a/README.md b/README.md
@@ -119,6 +119,16 @@ I've made some UI parts customizable e.g icon colors, sidebar items, etc.. :)
 "theme_agila_modified_tab_marker_pink": true,
 ```
 
+###### AUTOCOMPLETE - KEYWORD COLOR (default: white)
+#
+```json
+"theme_agila_auto_complete_white": true,
+"theme_agila_auto_complete_gray": true,
+"theme_agila_auto_complete_lightblue": true,
+"theme_agila_auto_complete_yellow": true,
+"theme_agila_auto_complete_pink": true,
+```
+
 ###### SCROLLBAR COLORS
 #
 ```json