buymeasoda / soda-theme

Dark and light custom UI themes for Sublime Text
https://buymeasoda.github.io/soda-theme/
4.33k stars 517 forks source link

icons in front of files too? #174

Open whuhacker opened 10 years ago

whuhacker commented 10 years ago

Soda theme is able to use folder icons in the sidebar. However it may confused me since there's no icons in front of files.

image

Sometimes I wrongly thought index.html belongs to the folder js, while actually they are in the same level. So can we add icons to files as well as folders?

Atom.io solved this problem nicely.

image

barts commented 10 years ago

+1

jbrooksuk commented 10 years ago

This is now a feature of Sublime Text Dev 3062. In the default theme, icons are stored in an icons directory. https://dl.dropboxusercontent.com/u/7323096/icons.zip

From there, the sublime-theme file includes this:

{
    "class": "icon_file_type",
    // layer0.texture is filled in by code with the relevant icon name
    "layer0.opacity": 1.0,
    "content_margin": [8, 8]
},
{
    "class": "icon_folder",
    "layer0.texture": "Theme - Default/icons/folder.png",
    "layer0.opacity": 1.0,
    "content_margin": [8, 8]
},
{
    "class": "icon_folder",
    "parents":
    [
        { "class": "tree_row", "attributes": ["expanded"] }
    ],
    "layer0.texture": "Theme - Default/icons/folder_open.png",
},
{
    "class": "icon_folder_loading",
    "layer0.texture":
    {
        "keyframes":
        [
            "Theme - Default/icons/spinner7.png",
            "Theme - Default/icons/spinner6.png",
            "Theme - Default/icons/spinner5.png",
            "Theme - Default/icons/spinner4.png",
            "Theme - Default/icons/spinner3.png",
            "Theme - Default/icons/spinner2.png",
            "Theme - Default/icons/spinner1.png",
            "Theme - Default/icons/spinner.png",
        ],
        "loop": true,
        "frame_time": 0.075,
    },

    "layer0.opacity": 1.0,
    "content_margin": [8, 8]
},

Adding this to Soda should be straight forward now.

jbrooksuk commented 10 years ago

A bit more info regarding sidebar icons can be found here.

buymeasoda commented 10 years ago

Nice. I'm even more excited that there's been an update for ST, been so long. Will take a look at this new stuff.

evanpurkhiser commented 10 years ago

:+1: for folder icons. Exciting stuff!

pryley commented 10 years ago

Here you go (Soda Light 3 with sidebar icon support): https://github.com/pryley/soda-theme

NeQuissimus commented 10 years ago

Looks good, @pryley Could you do dark, too, and send a pull req? :D Otherwise I'll have to clone your repo and do it myself xD

buymeasoda commented 10 years ago

I've updated Soda Theme to utilise the new ST3 support for folder icons, and added the default spinner UI from the base theme to both light and dark.

One challenge I've found with the current file type icons implementation is that it only allows icons to be loaded from a single set of locations, which means it's currently not possible to have separate dark and light versions.

As a result, I'm leaving file icons out of the theme temporarily until I can find a solution.

I've posted about it in following thread: http://www.sublimetext.com/forum/viewtopic.php?f=2&t=15971&p=60102#p60102

jbrooksuk commented 10 years ago

You could write a plugin to do write a separate tmPreferences based on the theme?

Sent from my iPhone

On 7 May 2014, at 07:54, Ian Hill notifications@github.com wrote:

I've updated Soda Theme to utilise the new ST3 support for folder icons, and added the default spinner UI from the base theme to both light and dark.

One challenge I've found with the current file type icons implementation is that it only allows icons to be loaded from a single set of locations, which means it's currently not possible to have separate dark and light versions.

As a result, I'm leaving file icons out of the theme temporarily until I can find a solution.

I've posted about it in following thread: http://www.sublimetext.com/forum/viewtopic.php?f=2&t=15971&p=60102#p60102

— Reply to this email directly or view it on GitHub.

Grawl commented 9 years ago

@pryley thank you for your work! I just unzipped a zipball of your repo into ~/Library/Application Support/Sublime Text 3/Packages/User/soda-theme-master and here they are!

2014-10-30 0 53 42

Fuxy22 commented 9 years ago

:+1:

ekazyam commented 9 years ago

Good!

nvoronchev commented 7 years ago

Here is the wide set of sidebar icons: SetiUI Icons. To install it one should simple copy files from repo into User directory.