0

Theme cho Sublime text 3

Sublime text là trình editor vô cũng mạnh mẽ. Nó không chỉ có nhiều tính năng mà còn có giao diện khá đẹp. Tuy nhiên chúng ta vẫn có thể làm cho giao diện của Sublime text đẹp hơn nữa với việc cài thêm Themes và Color scheme. Bài viết này sẽ giới thiệu đến bạn 1 vài theme khá đẹp dành cho Sublime text 3 mà bạn có thể cài từ package control

Cách cài đặt theme cho Sublime text

  • 1.Sử dụng hotkey ctrl + shift + p hoặc cmd + shift + p
  • 2.Chọn Package Control: Install Package
  • 3.Tìm tên theme mà bạn cần cài đặt và enter
  • 4.Vào phần tùy chỉnh của user trong sublime text ( Preferences -> Settings – User ) và thêm theme bạn muốn sử dụng vào
{
    "theme": "Lanzhou.sublime-theme"
}

Boxy

  • Có bốn themes chất lượng cao và màu sắc bổ sung.
  • Có khá nhiều tùy chỉnh theo sở thích cá nhân của bạn.
{
    // Boxy Yesterday
    "color_scheme": "Packages/Boxy Theme/schemes/Boxy Yesterday.tmTheme",
    "theme": "Boxy Yesterday.sublime-theme"
}

2.png

{
    // Boxy Tomorrow
    "color_scheme": "Packages/Boxy Theme/schemes/Boxy Tomorrow.tmTheme",
    "theme": "Boxy Tomorrow.sublime-theme"
}

boxy2.png

{
    // Boxy Ocean
    "color_scheme": "Packages/Boxy Theme/schemes/Boxy Ocean.tmTheme",
    "theme": "Boxy Ocean.sublime-theme"
}

boxy3.png

{
    // Boxy Monokai
    "color_scheme": "Packages/Boxy Theme/schemes/Boxy Monokai.tmTheme",
    "theme": "Boxy Monokai.sublime-theme"
}

boxy4.png

Material Theme

  • Document rõ ràng và có rất nhiều option tùy chỉnh.
  • Tác giả đã tạo ra nhiều plugin tùy chỉnh cho theme nếu mặc định vẫn chưa đủ nhu cầu của bạn.
{
    // Default theme
    "theme": "Material-Theme.sublime-theme",
    "color_scheme": "Packages/Material Theme/schemes/Material-Theme.tmTheme"
}

m1.png

{
    // Darker theme
    "theme": "Material-Theme-Darker.sublime-theme",
    "color_scheme": "Packages/Material Theme/schemes/Material-Theme-Darker.tmTheme"
}

m2.png

{
    // Lighter theme
    "theme": "Material-Theme-Lighter.sublime-theme",
    "color_scheme": "Packages/Material Theme/schemes/Material-Theme-Lighter.tmTheme"
}

m3.png

Agila

  • Cách bố trí khoảng cách trong cây thư mục cho cảm giác dễ nhìn
{
    // Default theme
    "theme": "Agila.sublime-theme",
    "color_scheme": "Packages/Agila Theme/Agila Oceanic Next.tmTheme"
}

a1.png

{
    // Classic theme
    "theme": "Agila Classic.sublime-theme",
    "color_scheme": "Packages/Agila Theme/Agila Classic Oceanic Next.tmTheme"
}

a2.png

{
    // Light theme
    "theme": "Agila Light.sublime-theme",
    "color_scheme": "Packages/Agila Theme/Agila Light Solarized.tmTheme"
}

a3.png

Lanzhou

  • Thiết kế của theme tạo ra sự tương phản giữa sidebar và editor nếu bạn sử dụng flat-dark color scheme
{
    "theme": "Lanzhou.sublime-theme",
    "color_scheme": "Packages/Theme - Lanzhou/base16-ocean.dark.tmTheme"
}

l1.png

Sunrise

{
    "theme": "Sunrise.sublime-theme"
}

s1.png

Cám ơn các bạn đã theo dõi. Trong bài tiếp theo tôi sẽ giới thiệu cho các bạn tìm hiểu về Color scheme trong Sublime Text. Hẹn gặp lại !


All rights reserved

Viblo
Hãy đăng ký một tài khoản Viblo để nhận được nhiều bài viết thú vị hơn.
Đăng kí