ctrl+shift+p filters: :st2 :st3 :win :osx :linux
Browse

Theme - Fits

by xxxzc ST3

A sublime text3 theme based on SyncedsidebarBg that can adapt to many color schemes.

Labels theme

Details

Installs

  • Total 628
  • Win 430
  • OS X 90
  • Linux 108
Jul 16 Jul 15 Jul 14 Jul 13 Jul 12 Jul 11 Jul 10 Jul 9 Jul 8 Jul 7 Jul 6 Jul 5 Jul 4 Jul 3 Jul 2 Jul 1 Jun 30 Jun 29 Jun 28 Jun 27 Jun 26 Jun 25 Jun 24 Jun 23 Jun 22 Jun 21 Jun 20 Jun 19 Jun 18 Jun 17 Jun 16 Jun 15 Jun 14 Jun 13 Jun 12 Jun 11 Jun 10 Jun 9 Jun 8 Jun 7 Jun 6 Jun 5 Jun 4 Jun 3 Jun 2 Jun 1
Windows 2 0 2 1 0 1 6 1 5 3 2 2 0 1 1 0 1 1 2 1 0 1 0 1 2 1 2 2 0 2 2 0 1 3 0 3 2 1 2 0 0 1 1 0 0 1
OS X 0 0 0 0 1 0 0 0 0 0 0 0 0 0 1 0 0 0 1 0 1 0 0 0 0 0 0 0 0 0 2 0 0 0 2 0 0 0 0 0 0 0 0 0 0 1
Linux 0 0 0 1 0 0 1 0 0 0 0 0 1 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0 0 2 0 0 0 0 0 0 0 0 0 0 0 0

Readme

Source
raw.​githubusercontent.​com

Theme - Fits

Notice! This theme can't support built-in color schemes(like Celeste, Monokai) currently since file format has been changed, I will fix it asap.

An adaptive flat theme based on SyncedSidebarBg.

Preview

img

img

Features

  • Adaptive Flat UI
  • Adapt to almost all color schemes
  • Immediate effect after you change color scheme
  • Accent color got from current color scheme
  • Customizable accent color

Installation

Download

Using Package Control: search “Theme - Fits” \ or Download from Github: - open Preferences -> Browse Packages... - create new folder named Theme - Fits - download package and unzip into this folder

Activation

Open Preferences -> Theme -> Fits - Theme

or Add following code into Preferences -> Settings - User:

"theme": "Fits.sublime-theme",

Customization

File Icons

Please install A File Icon to get more file-specific icons.

Adaptation

Make icons being adaptive by adding following code into Preferences -> Package Settings -> A File Icon.

"color": "#fff",

Color Settings

Although this theme can handle most of color schemes, there are still a few can't be resolved. In case, you can configure colors by yourself. You can get detailed information in Preferences -> Package Settings -> Theme - Fits:

// scope is a key word to determine the accent color.
"scope": "function",
// Set up an accent color directly.
"accent": "#abcdef"

Modify Theme

  1. install PackageResourceViewer
  2. open quick panel, search open source, enter
  3. search theme - fits, enter
  4. select Fits.sublime-theme, it will open this file
  5. now you can modify it by yourself.

You can check the official docs -> Documentation Themes

Screen Resolution

If your screen size is larger than 100% (like my win laptop is 2560x1440 and I use 200%)

You can edit Fits.sublime-theme file: replace all .png with @2x.png, it may works.

Changelog

1.1.3:

[FIX] font display

1.1.2：

[FIX] clear debug message

1.1.1:

[FIX] solve the problem that some styles can't load. Now, this theme can adapt to almost all color schemes

[IMPROVE] display content under dark color scheme

1.1.0:

[CODE] Use new APIs to achieve color adaption, more natural

[CODE] Rewrite code to enhance code's readability and logicality

[FEATURE] Remove all unnecessary resources

[FEATURE] Better color scheme compatibility

[FEATURE] Add some configure items

1.0.5:

[FIX] add statusbar icon resource

[FIX] remove the border of input box

1.0.4:

[FEATURE] more colorized

[CODE] enhance code's readability and logicality

1.0.3: [FIX] A theme can't be activated properly bug, which is caused by moving a file from one window to another window.

Credits

Based on SyncedSidebarBg by aziz and Theme - Default.

Contact me

if you have any idea or found bug, please let me know: - Github: Issues - Gmail: xxxzcwork@gmail.com

Sorry for my poor English.