How can I download sublime theme?
|
Show
Before we get started, you’ll want to pick up a copy of the latest version of Sublime and install it. You can download it on Sublime’s website here. Right off the bat when you open up the editor, you’ll be greeted with a pretty plain and boring interface. Especially if you’ll be staring at this editor for many hours a day everyday like I do, you’ll want something a little more pleasing to look at, so let’s spruce things up a bit How to install a new themeSublime has it’s own built in package manager so installing custom themes can be done directly from within Sublime itself.
Note: the above snippet will be different depending on the theme you install. Most themes will specify in their documentation what the above snippet will look like, while other themes have the ability to set these options for you via the command pallet so be sure to refer to your themes documenation for specific install instructions Now just save the settings file and *bam* Sublime will apply and use that theme from now on. My top 3 themesI’ve been a Sublime Text user for many years and my preferences for certain themes certainly hasn’t stayed consistent, but below are a few of my favorites: Material Theme - link Material Theme shown with the Palenight color scheme My current favorite theme that draws inspiration for Google’s material design. This is by far one of the most polished and customizable themes I’ve ever used and has quite a few different variants to choose from, along with many color schemes. DA UI (formerly Boxy) - linkBoxy was my go to theme for a while before I switched to Material Theme. Now known as DA UI, this theme is another solid choice. The developers clearly spent time fine tuning the look and feel of this theme. Like Material Theme, you can have countless color schemes to choose from, and customizing theme options happens right from the command pallet. Nice. Afterglow - linkAfterglow shown with the Afterglow green color scheme I was a huge fan of Afterglow for many years since, at the time, Afterglow was the quintessential minimal dark theme. At the time, it’s dark sidebar was a huge draw for me. At this point, I wouldn’t choose Afterglow over DA UI or Material Theme – their Github repo shows no development for the past 3 years – but I just had to mention this theme for old time’s sake. This project is no longer maintained. The original author has abandoned it and replaced the repository with their theme for VS Code. This repository is a mirror of the last publicly known state.
This theme brings the Material Design visual language to your Sublime Text 3. If you have problems, first search for a similar issue and then report a new one. Please read the Known Issues section before reporting a new one. Any issue that does not use the issue template and any issue related to the known issues section will be automatically closed. Easy installationYou can install this awesome theme through the Package Control.
Manual installation
Activate the themeYou can active this theme from: - Command palette You can also manually activate this theme by adding these lines to your user settings (Preferences > Settings - User): "color_scheme": "Packages/Material Theme/schemes/Material-Theme.tmTheme", "theme": "Material-Theme.sublime-theme", NOTE: Restart Sublime Text after activating the theme. ConfigurationThis theme provide a visual configuration tool that allow you to configure the theme by activating the available options from an inline popup. Just right click in your editor and choose Advanced configurationIf you
like the advanced text text-configuration you can use it by the Known issuesPlease see the issue #67 if you can't see the bottom panel (find/replace, rename, move, can't see the box inputs in SidebarEnhancement, etc..). here the quick fix: AddonsFile iconsFrom release 4.0.0 this theme use A File Icon package to display file icons. Please install the package and restart Sublime Text. Theme options// Accent "material_theme_accent_acid-lime" : true, // Set acid-lime accent color "material_theme_accent_blue" : true, // Set blue accent color "material_theme_accent_brba" : true, // Set Breaking Bad green accent color "material_theme_accent_bright-teal" : true, // Set bright-teal accent color "material_theme_accent_cyan" : true, // Set cyan accent color "material_theme_accent_graphite" : true, // Set graphite accent color "material_theme_accent_indigo" : true, // Set indigo accent color "material_theme_accent_lime" : true, // Set lime green accent color "material_theme_accent_orange" : true, // Set orange accent color "material_theme_accent_pink" : true, // Set pink accent color "material_theme_accent_purple" : true, // Set purple accent color "material_theme_accent_red" : true, // Set pale red accent color "material_theme_accent_sky" : true, // Set bright-cyan accent color "material_theme_accent_tomato" : true, // Set tomato red accent color "material_theme_accent_yellow" : true, // Set yellow accent color // Panels "material_theme_accent_scrollbars" : true, // Enable accent color for scrollbars "material_theme_accent_titlebar" : true, // Enable accent color for titlebar "material_theme_bright_scrollbars" : true, // Bright scrollbars puck color "material_theme_compact_panel" : true, // Set minimal padding for the search panel "material_theme_contrast_mode" : true, // Enable sidebar and panels contrast mode "material_theme_panel_separator" : true, // Show bottom panel separator "material_theme_small_statusbar" : true, // Set small status bar "material_theme_titlebar" : true, // Enable title bar (OS X 10.10+) // Sidebar "material_theme_arrow_folders" : true, // Replace folder icons with arrows "material_theme_big_fileicons" : true, // Show bigger file type icons "material_theme_bullet_tree_indicator" : true, // Set a bullet as active tree indicator "material_theme_compact_sidebar" : true, // Set compact sidebar "material_theme_disable_fileicons" : true, // Hide sidebar file type icons "material_theme_disable_folder_animation" : true, // Disable folder animation "material_theme_disable_tree_indicator" : true, // Disable sidebar file indicator // Tabs "material_theme_bold_tab" : true, // Make the tab labels bolder "material_theme_small_tab" : true, // Set small tabs "material_theme_tabs_autowidth" : true, // Enable autowidth for tabs "material_theme_tabs_separator" : true, // Show tabs separator, this disables tab hover animation // If you use Material Theme - Appbar addon, you can use this setting: "material_theme_tree_headings" : true, // Show sidebar headings Recommended settings for a better experience:"always_show_minimap_viewport" : true, "bold_folder_labels" : true, "font_options" : ["gray_antialias", "subpixel_antialias"], // On retina Mac & Windows "indent_guide_options" : ["draw_normal", "draw_active"], // Highlight active indent "line_padding_bottom" : 3, "line_padding_top" : 3, "overlay_scroll_bars" : "enabled", The font used for the code is “Operator Mono” You can also use the official Material Design monospace font “Roboto Mono” or “Fira Code”. ContributingThis UI theme uses a custom compiler build on Gulp and JS. If you want to edit the UI you must first install the compiler:
You can now edit the source files under Other ResourcesApp icon: Download the official Material Theme icon. Sublime Material Icon Pack: A set of Sublime Text icons heavily inspired by this theme and designed by @halacoglu Download it and enjoy a full Material Theme experience. Official PortingsMaterial Theme was also ported to:
Color Schemes palettes
ThanksThanks for all the contributors. Check the video review by LevelUpTuts Video reviewDoes sublime cost money?You must purchase a license for $99, although there's no time limit on evaluating the code editor. Also, a Sublime license is valid only for the current version. Paying for Sublime is worth it because it's a low fee, and the license is good across computers and operating systems.
Is Sublime Text an IDE?Sublime can be used on Linux, Windows and Mac as an IDE for developing Chromium. Here's what works: Editing code works well (especially if you're used to it and get used to the shortcuts). Navigating around the code works well.
|
