-
Notifications
You must be signed in to change notification settings - Fork 431
/
compositor.json
94 lines (94 loc) · 6.75 KB
/
compositor.json
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
{
"name": "kkga/spacegray",
"version": "0.1.4",
"libraries": {
"xv": "^1.1.25"
},
"title": "",
"branch": "",
"style": {
"name": "Brutalist",
"componentSet": {
"nav": "nav/BasicNav",
"header": "header/BasicHeader",
"article": "article/MarkdownArticle",
"footer": "footer/BasicFooter"
},
"fontFamily": "Consolas, \"Liberation Mono\", Menlo, Courier, monospace",
"heading": {},
"typeScale": [
48,
32,
20,
18,
16,
14,
12
],
"layout": {
"maxWidth": 1024,
"fluid": true
},
"colors": {
"text": "#333",
"background": "#fff",
"primary": "#666",
"secondary": "#888",
"highlight": "#1f80ff",
"muted": "#f6f6f6",
"border": "#eee"
}
},
"content": [
{
"component": "nav",
"links": [
{
"href": "http://kkga.github.io/spacegray",
"text": "Home"
},
{
"href": "https://github.com/kkga/spacegray",
"text": "GitHub"
}
]
},
{
"component": "header",
"heading": "spacegray",
"subhead": "A Hyperminimal UI Theme for Sublime Text",
"children": [
{
"component": "ui/TweetButton",
"text": "spacegray: A Hyperminimal UI Theme for Sublime Text",
"url": "http://kkga.github.io/spacegray"
},
{
"component": "ui/GithubButton",
"user": "kkga",
"repo": "spacegray"
}
]
},
{
"component": "article",
"metadata": {
"source": "github.readme"
},
"html": "\n<p>A set of custom UI themes for Sublime Text 2/3. It's all about hype and minimal. Comes in different flavors with accompanying <a href=\"https://github.com/chriskempson/base16\">Base16</a> color schemes.</p>\n<hr>\n<h3>Themes</h3>\n<h4>Spacegray</h4>\n<p>Default flavor based on Base16 Ocean Dark color scheme.</p>\n<p><img src=\"screenshots/spacegray.png\"></p>\n<h4>Spacegray Light</h4>\n<p>Light variation based on Base16 Ocean Light color scheme.</p>\n<p><img src=\"screenshots/spacegray-light.png\"></p>\n<h4>Spacegray Eighties</h4>\n<p>A variation based on Base16 Eighties Dark color scheme.</p>\n<p><img src=\"screenshots/spacegray-eighties.png\"></p>\n<p><em>The font used in the screenshots is <a href=\"https://github.com/adobe-fonts/source-code-pro\"><strong>Source Code Pro</strong></a>.</em></p>\n<hr>\n<h3>How to Install</h3>\n<h4>Via Package Control</h4>\n<p>The easiest way to install is using <a href=\"https://sublime.wbond.net\">Sublime Package Control</a>, where Spacegray is listed as <code>Theme - Spacegray</code>.</p>\n<ol>\n<li>Open Command Palette using menu item <code>Tools -> Command Palette...</code> (⇧⌘P on Mac)</li>\n<li>Choose <code>Package Control: Install Package</code></li>\n<li>Find <code>Theme - Spacegray</code> and hit Enter</li>\n</ol>\n<h4>Manual</h4>\n<p>You can also install the theme manually:</p>\n<ol>\n<li><a href=\"https://github.com/kkga/spacegray/archive/master.zip\">Download the .zip</a></li>\n<li>Unzip and rename the folder to <code>Theme - Spacegray</code></li>\n<li>Copy the folder into <code>Packages</code> directory, which you can find using the menu item <code>Sublime Text -> Preferences -> Browse Packages...</code></li>\n</ol>\n<hr>\n<h3>How to Activate</h3>\n<p>Activate the UI theme and color scheme by modifying your user preferences file, which you can find using the menu item <code>Sublime Text -> Preferences -> Settings - User</code> (⌘, on Mac).</p>\n<p>You can choose whichever flavor you like, but don't forget to change <em>both</em> color scheme and UI theme so they match.</p>\n<p><strong><em>Note: Don't forget to restart Sublime Text after activating the theme.</em></strong></p>\n<h4>Settings for Spacegray</h4>\n<pre>{\n <span class=\"hljs-attr\">"theme"</span>: <span class=\"hljs-string\">"Spacegray.sublime-theme"</span>,\n <span class=\"hljs-attr\">"color_scheme"</span>: <span class=\"hljs-string\">"Packages/Theme - Spacegray/base16-ocean.dark.tmTheme"</span>\n}</pre><h4>Settings for Spacegray Light</h4>\n<pre>{\n <span class=\"hljs-attr\">"theme"</span>: <span class=\"hljs-string\">"Spacegray Light.sublime-theme"</span>,\n <span class=\"hljs-attr\">"color_scheme"</span>: <span class=\"hljs-string\">"Packages/Theme - Spacegray/base16-ocean.light.tmTheme"</span>\n}</pre><h4>Settings for Spacegray Eighties</h4>\n<pre>{\n <span class=\"hljs-attr\">"theme"</span>: <span class=\"hljs-string\">"Spacegray Eighties.sublime-theme"</span>,\n <span class=\"hljs-attr\">"color_scheme"</span>: <span class=\"hljs-string\">"Packages/Theme - Spacegray/base16-eighties.dark.tmTheme"</span>\n}</pre><hr>\n<h3>Settings</h3>\n<h4>Tab labels font size</h4>\n<p>Copy and paste one of four options in your user preferences file:</p>\n<pre> "spacegray_tabs_font_small": true</pre><pre> "spacegray_tabs_font_normal": true</pre><pre> "spacegray_tabs_font_large": true</pre><pre> "spacegray_tabs_font_xlarge": true</pre><h4>Tabs size</h4>\n<p>Tabs height:</p>\n<pre> "spacegray_tabs_small": true</pre><pre> "spacegray_tabs_normal": true</pre><pre> "spacegray_tabs_large": true</pre><pre> "spacegray_tabs_xlarge": true</pre><p>Tabs width: </p>\n<pre> "spacegray_tabs_auto_width": true</pre><h4>Sidebar labels font size</h4>\n<pre> "spacegray_sidebar_font_small": true</pre><pre> "spacegray_sidebar_font_normal": true</pre><pre> "spacegray_sidebar_font_large": true</pre><pre> "spacegray_sidebar_font_xlarge": true</pre><h4>Sidebar tree rows height</h4>\n<pre> "spacegray_sidebar_tree_xsmall": true</pre><pre> "spacegray_sidebar_tree_small": true</pre><pre> "spacegray_sidebar_tree_normal": true</pre><pre> "spacegray_sidebar_tree_large": true</pre><pre> "spacegray_sidebar_tree_xlarge": true</pre><h4>Hide navigation icons in Sublime Text 3</h4>\n<pre> "enable_tab_scrolling": false,</pre><h4>Enable sidebar fileicons (only works in Sublime Text 3)</h4>\n<pre> "spacegray_fileicons": true,</pre><p><img src=\"screenshots/spacegray-fileicons.png\"></p>\n<hr>\n<h3>Thanks</h3>\n<p>The Spacegray Eighties variation is contributed by <a href=\"https://github.com/yoshuawuyts\">Yoshua Wuyts</a>.</p>\n"
},
{
"component": "footer",
"links": [
{
"href": "https://github.com/kkga/spacegray",
"text": "GitHub"
},
{
"href": "https://github.com/kkga",
"text": "kkga"
}
]
}
]
}