Permalink
Browse files

Add color to button-on, refactor settings, update README and screenshots

  • Loading branch information...
1 parent abbac1e commit 0bd3d9d95b679c520ba818a081e20e54b306a0e2 @netatoo committed Aug 8, 2012
Showing with 194 additions and 26 deletions.
  1. BIN Images/Photoshop (.psd)/btn-group-left-on.psd
  2. BIN Images/Photoshop (.psd)/btn-group-middle-on.psd
  3. BIN Images/Photoshop (.psd)/btn-group-right-on.psd
  4. BIN Images/Photoshop (.psd)/btn-small-on.png
  5. BIN Images/Photoshop (.psd)/btn-small-on.psd
  6. BIN Images/Photoshop (.psd)/file-dirty-selected.psd
  7. BIN Images/Photoshop (.psd)/panel-background.psd
  8. BIN Images/Photoshop (.psd)/screenshots.psd
  9. BIN Images/Photoshop (.psd)/tab-active.psd
  10. BIN Images/screenshots/Phoenix-Blur-Current-Tab.png
  11. BIN Images/screenshots/Phoenix-Dark-Blue.png
  12. BIN Images/screenshots/Phoenix-Dark-Green.png
  13. BIN Images/screenshots/Phoenix-Dark-Orange.png
  14. BIN Images/screenshots/Phoenix-Dark-Red.png
  15. BIN Images/screenshots/Phoenix-Dark-Yellow.png
  16. BIN Images/screenshots/Phoenix-Dark.png
  17. BIN Images/screenshots/Phoenix-Highlight-Current-Tab.png
  18. BIN Images/screenshots/Phoenix-Tabs-Sizing.png
  19. +161 −0 Phoenix Dark.sublime-theme
  20. BIN Phoenix Dark/colors/blue/btn-group-left-on.png
  21. BIN Phoenix Dark/colors/blue/btn-group-left-on@2x.png
  22. BIN Phoenix Dark/colors/blue/btn-group-middle-on.png
  23. BIN Phoenix Dark/colors/blue/btn-group-middle-on@2x.png
  24. BIN Phoenix Dark/colors/blue/btn-group-right-on.png
  25. BIN Phoenix Dark/colors/blue/btn-group-right-on@2x.png
  26. BIN Phoenix Dark/colors/blue/btn-small-on.png
  27. BIN Phoenix Dark/colors/blue/btn-small-on@2x.png
  28. BIN Phoenix Dark/colors/blue/tab-active-noblur.png
  29. BIN Phoenix Dark/colors/blue/tab-active-noblur@2x.png
  30. BIN Phoenix Dark/colors/green/btn-group-left-on.png
  31. BIN Phoenix Dark/colors/green/btn-group-left-on@2x.png
  32. BIN Phoenix Dark/colors/green/btn-group-middle-on.png
  33. BIN Phoenix Dark/colors/green/btn-group-middle-on@2x.png
  34. BIN Phoenix Dark/colors/green/btn-group-right-on.png
  35. BIN Phoenix Dark/colors/green/btn-group-right-on@2x.png
  36. BIN Phoenix Dark/colors/green/btn-small-on.png
  37. BIN Phoenix Dark/colors/green/btn-small-on@2x.png
  38. BIN Phoenix Dark/colors/green/file-dirty-selected.png
  39. BIN Phoenix Dark/colors/green/file-dirty-selected@2x.png
  40. BIN Phoenix Dark/colors/green/tab-active-noblur.png
  41. BIN Phoenix Dark/colors/green/tab-active-noblur@2x.png
  42. BIN Phoenix Dark/colors/orange/btn-group-left-on.png
  43. BIN Phoenix Dark/colors/orange/btn-group-left-on@2x.png
  44. BIN Phoenix Dark/colors/orange/btn-group-middle-on.png
  45. BIN Phoenix Dark/colors/orange/btn-group-middle-on@2x.png
  46. BIN Phoenix Dark/colors/orange/btn-group-right-on.png
  47. BIN Phoenix Dark/colors/orange/btn-group-right-on@2x.png
  48. BIN Phoenix Dark/colors/orange/btn-small-on.png
  49. BIN Phoenix Dark/colors/orange/btn-small-on@2x.png
  50. BIN Phoenix Dark/colors/orange/tab-active-noblur.png
  51. BIN Phoenix Dark/colors/orange/tab-active-noblur@2x.png
  52. BIN Phoenix Dark/colors/red/btn-group-left-on.png
  53. BIN Phoenix Dark/colors/red/btn-group-left-on@2w.png
  54. BIN Phoenix Dark/colors/red/btn-group-left-on@2x.png
  55. BIN Phoenix Dark/colors/red/btn-group-middle-on.png
  56. BIN Phoenix Dark/colors/red/btn-group-middle-on@2x.png
  57. BIN Phoenix Dark/colors/red/btn-group-right-on.png
  58. BIN Phoenix Dark/colors/red/btn-group-right-on@2x.png
  59. BIN Phoenix Dark/colors/red/btn-small-on.png
  60. BIN Phoenix Dark/colors/red/btn-small-on@2x.png
  61. BIN Phoenix Dark/colors/red/tab-active-noblur.png
  62. BIN Phoenix Dark/colors/red/tab-active-noblur@2x.png
  63. BIN Phoenix Dark/colors/yellow/btn-group-left-on.png
  64. BIN Phoenix Dark/colors/yellow/btn-group-left-on@2x.png
  65. BIN Phoenix Dark/colors/yellow/btn-group-middle-on.png
  66. BIN Phoenix Dark/colors/yellow/btn-group-middle-on@2x.png
  67. BIN Phoenix Dark/colors/yellow/btn-group-right-on.png
  68. BIN Phoenix Dark/colors/yellow/btn-group-right-on@2x.png
  69. BIN Phoenix Dark/colors/yellow/btn-small-on.png
  70. BIN Phoenix Dark/colors/yellow/btn-small-on@2x.png
  71. BIN Phoenix Dark/colors/yellow/tab-active-noblur.png
  72. BIN Phoenix Dark/colors/yellow/tab-active-noblur@2x.png
  73. BIN Phoenix Dark/panel-background.png
  74. BIN Phoenix Dark/panel-background@2x.png
  75. BIN Phoenix Dark/tab-active-noblur.png
  76. BIN Phoenix Dark/tab-active-noblur@2x.png
  77. BIN Phoenix Dark/tab-active.png
  78. BIN Phoenix Dark/tab-active@2x.png
  79. +33 −26 README.md
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
@@ -48,6 +48,12 @@
{
"class": "tab_control",
"attributes": ["selected"],
+ "layer0.texture": "Theme - Phoenix/Phoenix Dark/tab-active-noblur.png"
+ },
+ {
+ "class": "tab_control",
+ "attributes": ["selected"],
+ "settings": ["phoenix_blur_current_tab"],
"layer0.texture": "Theme - Phoenix/Phoenix Dark/tab-active.png"
},
// Tab dirty state (close button hidden)
@@ -970,6 +976,12 @@
"class": "tab_control",
"settings": ["phoenix_color_green"],
"attributes": ["selected"],
+ "layer0.texture": "Theme - Phoenix/Phoenix Dark/colors/green/tab-active-noblur.png"
+ },
+ {
+ "class": "tab_control",
+ "settings": ["phoenix_color_green", "phoenix_blur_current_tab"],
+ "attributes": ["selected"],
"layer0.texture": "Theme - Phoenix/Phoenix Dark/colors/green/tab-active.png"
},
{
@@ -1044,6 +1056,31 @@
"fg": [184, 224, 63, 255],
"selected_fg": [184, 224, 63, 255]
},
+ // BOTTOM PANEL BUTTONS
+ {
+ "class": "icon_button_control",
+ "settings": ["phoenix_color_green"],
+ "attributes": ["selected"],
+ "layer0.texture": "Theme - Phoenix/Phoenix Dark/colors/green/btn-group-middle-on.png"
+ },
+ {
+ "class": "icon_button_control",
+ "settings": ["phoenix_color_green"],
+ "attributes": ["left", "selected"],
+ "layer0.texture": "Theme - Phoenix/Phoenix Dark/colors/green/btn-group-left-on.png"
+ },
+ {
+ "class": "icon_button_control",
+ "settings": ["phoenix_color_green"],
+ "attributes": ["right", "selected"],
+ "layer0.texture": "Theme - Phoenix/Phoenix Dark/colors/green/btn-group-right-on.png"
+ },
+ {
+ "class": "icon_button_control",
+ "settings": ["phoenix_color_green"],
+ "attributes": ["left", "right", "selected"],
+ "layer0.texture": "Theme - Phoenix/Phoenix Dark/colors/green/btn-small-on.png"
+ },
// CODE COMPLETION DROPDOWN
{
"class": "auto_complete_label",
@@ -1059,6 +1096,12 @@
"class": "tab_control",
"settings": ["phoenix_color_yellow"],
"attributes": ["selected"],
+ "layer0.texture": "Theme - Phoenix/Phoenix Dark/colors/yellow/tab-active-noblur.png"
+ },
+ {
+ "class": "tab_control",
+ "settings": ["phoenix_color_yellow", "phoenix_blur_current_tab"],
+ "attributes": ["selected"],
"layer0.texture": "Theme - Phoenix/Phoenix Dark/colors/yellow/tab-active.png"
},
{
@@ -1139,6 +1182,31 @@
"fg": [255, 255, 128, 255],
"selected_fg": [232, 232, 118, 255]
},
+ // BOTTOM PANEL BUTTONS
+ {
+ "class": "icon_button_control",
+ "settings": ["phoenix_color_yellow"],
+ "attributes": ["selected"],
+ "layer0.texture": "Theme - Phoenix/Phoenix Dark/colors/yellow/btn-group-middle-on.png"
+ },
+ {
+ "class": "icon_button_control",
+ "settings": ["phoenix_color_yellow"],
+ "attributes": ["left", "selected"],
+ "layer0.texture": "Theme - Phoenix/Phoenix Dark/colors/yellow/btn-group-left-on.png"
+ },
+ {
+ "class": "icon_button_control",
+ "settings": ["phoenix_color_yellow"],
+ "attributes": ["right", "selected"],
+ "layer0.texture": "Theme - Phoenix/Phoenix Dark/colors/yellow/btn-group-right-on.png"
+ },
+ {
+ "class": "icon_button_control",
+ "settings": ["phoenix_color_yellow"],
+ "attributes": ["left", "right", "selected"],
+ "layer0.texture": "Theme - Phoenix/Phoenix Dark/colors/yellow/btn-small-on.png"
+ },
// CODE COMPLETION DROPDOWN
{
"class": "auto_complete_label",
@@ -1154,6 +1222,12 @@
"class": "tab_control",
"settings": ["phoenix_color_orange"],
"attributes": ["selected"],
+ "layer0.texture": "Theme - Phoenix/Phoenix Dark/colors/orange/tab-active-noblur.png"
+ },
+ {
+ "class": "tab_control",
+ "settings": ["phoenix_color_orange", "phoenix_blur_current_tab"],
+ "attributes": ["selected"],
"layer0.texture": "Theme - Phoenix/Phoenix Dark/colors/orange/tab-active.png"
},
{
@@ -1234,6 +1308,31 @@
"fg": [251, 190, 28, 255],
"selected_fg": [234, 176, 24, 255]
},
+ // BOTTOM PANEL BUTTONS
+ {
+ "class": "icon_button_control",
+ "settings": ["phoenix_color_orange"],
+ "attributes": ["selected"],
+ "layer0.texture": "Theme - Phoenix/Phoenix Dark/colors/orange/btn-group-middle-on.png"
+ },
+ {
+ "class": "icon_button_control",
+ "settings": ["phoenix_color_orange"],
+ "attributes": ["left", "selected"],
+ "layer0.texture": "Theme - Phoenix/Phoenix Dark/colors/orange/btn-group-left-on.png"
+ },
+ {
+ "class": "icon_button_control",
+ "settings": ["phoenix_color_orange"],
+ "attributes": ["right", "selected"],
+ "layer0.texture": "Theme - Phoenix/Phoenix Dark/colors/orange/btn-group-right-on.png"
+ },
+ {
+ "class": "icon_button_control",
+ "settings": ["phoenix_color_orange"],
+ "attributes": ["left", "right", "selected"],
+ "layer0.texture": "Theme - Phoenix/Phoenix Dark/colors/orange/btn-small-on.png"
+ },
// CODE COMPLETION DROPDOWN
{
"class": "auto_complete_label",
@@ -1249,6 +1348,12 @@
"class": "tab_control",
"settings": ["phoenix_color_blue"],
"attributes": ["selected"],
+ "layer0.texture": "Theme - Phoenix/Phoenix Dark/colors/blue/tab-active-noblur.png"
+ },
+ {
+ "class": "tab_control",
+ "settings": ["phoenix_color_blue", "phoenix_blur_current_tab"],
+ "attributes": ["selected"],
"layer0.texture": "Theme - Phoenix/Phoenix Dark/colors/blue/tab-active.png"
},
{
@@ -1329,6 +1434,31 @@
"fg": [113, 203, 244, 255],
"selected_fg": [151, 232, 249, 255]
},
+ // BOTTOM PANEL BUTTONS
+ {
+ "class": "icon_button_control",
+ "settings": ["phoenix_color_blue"],
+ "attributes": ["selected"],
+ "layer0.texture": "Theme - Phoenix/Phoenix Dark/colors/blue/btn-group-middle-on.png"
+ },
+ {
+ "class": "icon_button_control",
+ "settings": ["phoenix_color_blue"],
+ "attributes": ["left", "selected"],
+ "layer0.texture": "Theme - Phoenix/Phoenix Dark/colors/blue/btn-group-left-on.png"
+ },
+ {
+ "class": "icon_button_control",
+ "settings": ["phoenix_color_blue"],
+ "attributes": ["right", "selected"],
+ "layer0.texture": "Theme - Phoenix/Phoenix Dark/colors/blue/btn-group-right-on.png"
+ },
+ {
+ "class": "icon_button_control",
+ "settings": ["phoenix_color_blue"],
+ "attributes": ["left", "right", "selected"],
+ "layer0.texture": "Theme - Phoenix/Phoenix Dark/colors/blue/btn-small-on.png"
+ },
// CODE COMPLETION DROPDOWN
{
"class": "auto_complete_label",
@@ -1344,6 +1474,12 @@
"class": "tab_control",
"settings": ["phoenix_color_red"],
"attributes": ["selected"],
+ "layer0.texture": "Theme - Phoenix/Phoenix Dark/colors/red/tab-active-noblur.png"
+ },
+ {
+ "class": "tab_control",
+ "settings": ["phoenix_color_red", "phoenix_blur_current_tab"],
+ "attributes": ["selected"],
"layer0.texture": "Theme - Phoenix/Phoenix Dark/colors/red/tab-active.png"
},
{
@@ -1424,6 +1560,31 @@
"fg": [255, 87, 87, 255],
"selected_fg": [255, 171, 171, 255]
},
+ // BOTTOM PANEL BUTTONS
+ {
+ "class": "icon_button_control",
+ "settings": ["phoenix_color_red"],
+ "attributes": ["selected"],
+ "layer0.texture": "Theme - Phoenix/Phoenix Dark/colors/red/btn-group-middle-on.png"
+ },
+ {
+ "class": "icon_button_control",
+ "settings": ["phoenix_color_red"],
+ "attributes": ["left", "selected"],
+ "layer0.texture": "Theme - Phoenix/Phoenix Dark/colors/red/btn-group-left-on.png"
+ },
+ {
+ "class": "icon_button_control",
+ "settings": ["phoenix_color_red"],
+ "attributes": ["right", "selected"],
+ "layer0.texture": "Theme - Phoenix/Phoenix Dark/colors/red/btn-group-right-on.png"
+ },
+ {
+ "class": "icon_button_control",
+ "settings": ["phoenix_color_red"],
+ "attributes": ["left", "right", "selected"],
+ "layer0.texture": "Theme - Phoenix/Phoenix Dark/colors/red/btn-small-on.png"
+ },
// CODE COMPLETION DROPDOWN
{
"class": "auto_complete_label",
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
View
Diff not rendered.
Diff not rendered.
View
@@ -2,14 +2,19 @@
Dark custom UI themes for Sublime Text 2, based on Soda Theme by Ian Hill (http://buymeasoda.com/)
-## Design
+## Design & Colors
-![Phoenix Dark Default Theme](http://img268.imageshack.us/img268/3320/phoenixdark.png?v=1)
+![Phoenix Dark Theme](http://img38.imageshack.us/img38/3320/phoenixdark.png?v=1)
+![Phoenix Dark Red Theme](http://img204.imageshack.us/img204/5171/phoenixdarkred.png?v=1)
+![Phoenix Dark Green Theme](http://img88.imageshack.us/img88/2007/phoenixdarkgreen.png?v=1)
+![Phoenix Dark Blue Theme](http://img341.imageshack.us/img341/5929/phoenixdarkblue.png?v=1)
+![Phoenix Dark Orange Theme](http://img692.imageshack.us/img692/2741/phoenixdarkorange.png?v=1)
+![Phoenix Dark Yellow Theme](http://img40.imageshack.us/img40/8550/phoenixdarkyellow.png?v=1)
## Todo's
-- Color icons for dark themes
- Light theme
+- Package Control
## Installation
@@ -48,45 +53,47 @@ To configure Sublime Text 2 to use the theme:
### Alternate Colors
-Phoenix Theme ships with 5 alternate color styles.
+Phoenix Theme ships with 5 alternate color styles. To configure you favorite color:
- "phoenix_color_green": true
-
-![Phoenix Dark Green Theme](http://img228.imageshack.us/img228/2007/phoenixdarkgreen.png?v=1)
-
- "phoenix_color_blue": true
+* Open your User Settings Preferences file `Sublime Text 2 -> Preferences -> Settings - User`
+* Add (or update) the `phoenix_color_*` entry, example :
-![Phoenix Dark Blue Theme](http://img152.imageshack.us/img152/5929/phoenixdarkblue.png?v=1)
+ {
+ "phoenix_color_blue": true
+ }
+
- "phoenix_color_orange": true
+For now, five colors are available : `red`, `green`, `blue`, `orange` and `yellow`
-![Phoenix Dark Orange Theme](http://img803.imageshack.us/img803/2741/phoenixdarkorange.png?v=1)
+### Color the text label on current tab
- "phoenix_color_yellow": true
+You can colorize or not the text label (filename) of the current tab, for that, we propose to define a custom settings in `Sublime Text 2 -> Preferences -> Settings - User`
-![Phoenix Dark Green Theme](http://img839.imageshack.us/img839/8550/phoenixdarkyellow.png?v=1)
+ {
+ "phoenix_highlight_current_tab": true
+ }
+
- "phoenix_color_red": true
+![Phoenix Dark Highlight Current Tab](http://img341.imageshack.us/img341/6887/phoenixhighlightcurrent.png?v=1)
-![Phoenix Dark Red Theme](http://img28.imageshack.us/img28/5171/phoenixdarkred.png?v=1)
+### Simply choose the height of your tabs!
-### Color the text label on current tab
+Prefer small tabs? No problem, there is a custom setting for this!
-You can colorize or not the text label (filename) of the current tab, for that, we propose to define a custom settings in `Sublime Text 2 -> Preferences -> Settings - User`
+ {
+ "phoenix_tabs_small": true
+ }
- "phoenix_highlight_current_tab": false
+![Phoenix Dark Tab Sizing](http://img853.imageshack.us/img853/9093/phoenixtabssizing.png?v=1)
-![Phoenix Dark Color Tab Style False](http://img811.imageshack.us/img811/8628/phoenixhighlighttabfals.png?v=1)
+For now, five height are available : `small`, `medium`, `normal` (by default), `large`, and `xlarge`
### Simply choose the height of your tabs!
+You want your tabs with automatic width? there is a custom setting for this!
+
{
- "phoenix_tabs_small": false,
- "phoenix_tabs_medium": false,
- "phoenix_tabs_normal": true,
- "phoenix_tabs_large": false,
- "phoenix_tabs_xlarge": false,
- "phoenix_tabs_auto_width": false
+ "phoenix_tabs_auto_width": true
}
### Retina Resolution UI

0 comments on commit 0bd3d9d

Please sign in to comment.