10 theme Sublime Text tốt nhất

14365

Sublime Text là một trong những trình biên tập code phổ biến nhất và được sử dụng nhiều nhất mọi thời đại. Sublime Text cung cấp cho các developer rất nhiều công cụ để giúp cho năng suất và quy trình công việc

Cùng với font chữ, việc chọn một theme tốt với các color scheme trực quan cũng góp phần đáng kể giúp tăng năng suất làm việc của lập trình viên. Nếu bạn đang dùng Sublime Text 3 thì đừng quên khám phá những themes và color scheme cực kì bắt mắt, thân thiện của text editor này nhé.

Cài đặt Theme Sublime Text 3

Để cài đặt theme, chỉ cần sử dụng package control. Quá trình sẽ là:

  1. ctrl + shift + p or cmd + shift + p
  2. Tìm kiếm Package Control: Install Package
  3. Tìm theme và enter
  4. Sau khi cài đặt xong, bạn có thể thiết lập giao diện bằng cách mở Command Palette. Set đặt giao diện trong Preferences -> Settings – User bằng cách chỉnh sửa json property calledtheme
{
    "theme": "Lanzhou.sublime-theme"
}

Khi cài đặt nhiều theme này sẽ mang lại các màu sắc mới vào Sublime, chúng sẽ không tự động được áp dụng. Chúng phải được set tại Preferences -> Color Scheme.

5. Mỗi giao diện — theme sẽ có thể có nhiều mẫu — color scheme khác nhau. Để thay đổi mẫu màu, bạn thay đổi thuộc tính color_scheme.

{
  // change color scheme
  "color_scheme": "Packages/Boxy Theme/schemes/Boxy Monokai.tmTheme"
}

hoặc bạn có thể thay đổi theme và color scheme bằng cách mở Command Palette và tìm UI: Select Theme hoặc UI: Select Color Scheme. Sau đây là 10 mẫu theme được sử dụng nhiều nhất trên Sublime Text.

GUNA

Guna là một theme cực kỳ sáng tạo cho Sublime Text 3. Nó hỗ trợ vài function thú vị sau: widgets (clock, weather) trên sidebar, theme colors có thể điều chỉnh theo cách thủ công hoặc thích ứng (adaptively), kiểm soát status bar label bằng api của chính nó.

Predawn

  • Predawn là dark interface và syntax theme cho Sublime Text.
  • Predawn là một trong những theme hay nhất cho sublime text 3.

Cài đặt

{
  // Predawn
  "theme": "predawn.sublime-theme",
 "color_scheme": "Packages/Predawn/predawn.tmTheme"
}

Boxy

  • Boxy cung cấp cho bạn một giao diện có thể tùy chỉnh và nó cũng đi kèm với các chủ đề có màu sáng và tối.
  • Bạn có thể tùy chỉnh trình chỉnh sửa với nhiều tùy chọn có sẵn để điều chỉnh nó theo sở thích của bạn.

Cài đặt

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

Các Boxy theme chất lượng cao là:

  1. Boxy Monokai (Predawn)
  2. Boxy Solarized Dark (Code)
  3. Boxy Yesterday (Atom)
  4. Boxy Solarized Light (Iowa)
  5. Boxy Nova (Minimal)

Cài đặt:

{
  // Boxy Monokai
  "theme": "Boxy Monokai.sublime-theme",
  "color_scheme": "Packages/Boxy Theme/schemes/Boxy Monokai.tmTheme",
}
{
  // Boxy Solarized Dark
  "theme": "Boxy Solarized Dark.sublime-theme",
  "color_scheme": "Packages/Boxy Theme/schemes/Boxy Solarized Dark.tmTheme",
}
{
  // Boxy Solarized Light
  "theme": "Boxy Solarized Light.sublime-theme",
  "color_scheme": "Packages/Boxy Theme/schemes/Boxy Solarized Light.tmTheme",
}
{
  // Boxy Nova
  "theme": "Boxy Nova.sublime-theme",
  "color_scheme": "Packages/Boxy Theme/schemes/Boxy Nova.tmTheme",
}
{
  // Boxy Ocean
  "theme": "Boxy Ocean.sublime-theme",
  "color_scheme": "Packages/Boxy Theme/schemes/Boxy Ocean.tmTheme",
}
{
  // Boxy Tomorrow
  "theme": "Boxy Tomorrow.sublime-theme",
  "color_scheme": "Packages/Boxy Theme/schemes/Boxy Tomorrow.tmTheme",
}
{
  // Boxy Yesterday
  "theme": "Boxy Yesterday.sublime-theme",
  "color_scheme": "Packages/Boxy Theme/schemes/Boxy Yesterday.tmTheme",
}

Ayu

  • Theme đơn giản và dễ tìm.
  • Theme đi kèm 3 tùy chọn là mirage, light và dark.

Cài đặt

{
  // Ayu
  "theme": "ayu-light.sublime-theme"
  "color_scheme": "Packages/ayu/ayu-light.tmTheme",
}

Ba Ayu theme chất lượng cao là:

  1. Ayu Light
  2. Ayu Mirage
  3. Ayu Dark
{
  // Ayu light
  "theme": "ayu-light.sublime-theme",
  "color_scheme": "Packages/ayu/ayu-light.tmTheme",
}

{
  // Ayu migrate
  "theme": "ayu-mirage.sublime-theme",
  "color_scheme": "Packages/ayu/ayu-mirage.tmTheme",
}

{
  // Ayu dark
  "theme": "ayu-dark.sublime-theme",
  "color_scheme": "Packages/ayu/ayu-dark.tmTheme",
}

Agila

  • Agila là một theme nhiều màu sắc và phổ biến với rất nhiều tính năng cool.
  • Một trong những tính năng phổ biến nhất của nó là không gian rộng rãi giữa các thư mục trong file tree.
  • Có rất nhiều sự lựa chọn mà chúng ta có thể lựa chọn theo sở thích của riêng mình.

Cài đặt

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

Agila với 7 theme chất lượng cao gồm:

  1. Agila Origin Theme.
  2. Agila Monokai Theme.
  3. Agila Cobalt Theme.
  4. Agila Oceanic Theme.
  5. Agila Light Theme.
  6. Agila Neon Theme.
  7. Agila Classic Theme.

Material

  • Theme này có số lượng cài đặt rất cao.
  • Cũng bao gồm nhiều tùy chọn color scheme để sử dụng trên trình soạn thảo.

Cài đặt

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

Materialize

  • Một theme thanh lịch được xây dựng dựa trên theme Material.
  • Dựa trên thiết kế Material Design của Google
{
  // Materialize
  "theme": "Materialize-Theme.sublime-theme"
}

Seti_UI

Một bản được lấy cảm hứng từ giao diện Seti trên Atom, Seti UI vẫn giữ được những cái hay của phiên bản gốc: giao diện tối đi kèm với 7 mẫu màu. Seti UI hỗ trợ khá nhiều tùy chỉnh mà bạn có thể tham khảo trong trang chủ của nó.

{
  // Seti_UI
  "theme": "Seti_UI-Theme.sublime-theme"
}

Spacegray

  • Các theme Spacegray có các lược đồ màu Base16.
  • Hình minimal và đơn giản.
  • Cài đặt sẵn có cho chỉnh sửa phông chữ, tab và thanh bên.
{
  // Spacegray
  "theme": "Spacegray light.sublime-theme"
}

Spacegray có ba chủ đề chất lượng cao bao gồm:

  1. Spacegray.
  2. Spacegray Light.
  3. Spacegray Eighties.

Afterglow

  • Một theme tối giản cho Sublime Text.
  • Theme Afterglow được dựa trên Spacegray.
  • Hỗ trợ các tab khác nhau, các tùy chọn màu sắc, các biểu tượng bên và cú pháp markdown.
{
  // Afterglow
  "theme": "afterglow.sublime-theme"
}

Arc dark

Cài đặt

{
  // Arc dark
  "theme": "Arc-Dark-Master.sublime-theme",
  "color_scheme": "Packages/User/Arc-Dark/schemes/Arc.tmTheme"
}

Tips cho việc chọn Theme

  • Mỗi người nhìn màu khác nhau, tìm một theme tạo ra sự tương phản tốt giữa nền và văn bản cho bạn.
  • Khi đôi mắt của bạn mệt mỏi trong đêm khuya, bạn nên xem xét một chương trình như Flux. Nó làm cho màu sắc của màn hình máy tính của bạn thích ứng với thời gian trong ngày, ấm áp vào ban đêm và giống như ánh sáng mặt trời vào ban ngày.
  • Hãy thử Colorublime, nó cho phép bạn thay đổi scheme màu hiện tại của bạn ngay lập tức từ bên trong Sublime Text.

Tổng kết

Danh sách này đã được thực hiện bởi các cuộc khảo sát và ý kiến của các lập trình viên về các diễn đàn, blog, chủ đề được tìm kiếm nhiều nhất và được đề cập nhiều nhất, mức độ và xếp hạng phổ biến ở kiểm soát package và số lượt cài đặt.