karelvuong / st-primer Goto Github PK
View Code? Open in Web Editor NEW⚠️ No longer supported ⚠️ - A UI + syntax theme for @SublimeText inspired by GitHub's UI.
Home Page: https://packagecontrol.io/packages/Theme%20-%20Primer
License: MIT License
⚠️ No longer supported ⚠️ - A UI + syntax theme for @SublimeText inspired by GitHub's UI.
Home Page: https://packagecontrol.io/packages/Theme%20-%20Primer
License: MIT License
A very minor visual issue: If your font size is very small (<= 10 with Menlo), the height of the inputs in the Find and Find in Files panels matches the size of the height:
Personally, I find 14-point text easier on the eyes, but this makes the inputs a few px taller than the buttons:
I understand why the inputs have to get taller, but it would be nice for the buttons to get taller to match.
just wanted to let you know that the bower icon is not working it is coming up as your settings icon thanx for the theme and hard work keep at it
Primer Dark - quick panel is white - it should match the theme
Check if this occurs on Spacegray Light.
Error in Console
Errors parsing theme:
Rule is missing a class name
User > Preferences.sublime-settings
{
"close_windows_when_empty": true,
"color_scheme": "Packages/User/SublimeLinter/Espresso Soda (SL).tmTheme",
"default_line_ending": "unix",
"ensure_newline_at_eof_on_save": true,
"highlight_line": true,
"highlight_modified_tabs": true,
"ignored_packages":
[
"Vintage"
],
"rulers":
[
80,
120
],
"scroll_speed": 2.0,
"show_encoding": true,
"show_line_endings": true,
"theme": "Primer.sublime-theme",
"translate_tabs_to_spaces": true,
"trim_trailing_white_space_on_save": true
}
Color scheme primer.dark is white
Dev Build 3101 is out now at https://www.sublimetext.com/3dev
There's now a button on the status bar to switch between panels. If you have a custom theme, the relevant class name is panel_button_control.
Also changed is the way Sublime Text detects changes to open files. Sublime Text 2 would simply poll the current file whenever it was switched to. This has the disadvantage that any changes to the underlying file wouldn't be noticed until either the main window itself loses and then regains input focus, or the active file was changed to something else and then back. In practice, this was only an issue if there was a 3rd party changing the file behind the scenes. It also wouldn't notice background modifications to files that are never switched to.
Sublime Text 3 by and large worked around the missed notification issue by subscribing to file system change notifications, so that it didn't need to poll. To work around file systems that don't publish change notifications, it still polls files when an application window goes from an unfocused to a focused state, but not when simply switching between files. 3101 will now poll the active file when the active file changes, to better handle file systems that don't send change notifications.
Hi @karelvuong,
Firstly, thank you for an amazing theme. May I request a less bright background color of your current color scheme (primer.light3
maybe). Current background is too bright and it hurt my eyes, I'm a fan of light color scheme though.
For your reference, can you please take a look at this PaperColor for Vim
Widget (search/replace) - input height is too big for font size 10/11
The icon st-primer used for python file:
https://github.com/karelvuong/st-primer/blob/master/icons%2Ffile_type_python%402x.png
looks a little bit dim compare to the one that cobalt2 used:
https://github.com/wesbos/cobalt2/blob/master/icons%2Ffile_type_python%402x.png
I replaced it with cobalt2's, comparison as below:
With python icon replaced with cobalt2's:
In my opinion the latter is better, how do you think :)
Observed as of c89952b commit in Windows 7 and Ubuntu, ST3 3086
The rendering of the horizontal and vertical scroll bars does not render consistently.
Rendering does appear to be correct using the dark theme.
/* ========================================================================
* Bootstrap: dropdown.js v3.3.4
* http://getbootstrap.com/javascript/#dropdowns
* ========================================================================
* Copyright 2011-2015 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
* ======================================================================== */
+function ($) {
'use strict';
// DROPDOWN CLASS DEFINITION
// =========================
var backdrop = '.dropdown-backdrop'
var toggle = '[data-toggle="dropdown"]'
var Dropdown = function (element) {
$(element).on('click.bs.dropdown', this.toggle)
}
Dropdown.VERSION = '3.3.4'
Dropdown.prototype.toggle = function (e) {
var $this = $(this)
if ($this.is('.disabled, :disabled')) return
var $parent = getParent($this)
var isActive = $parent.hasClass('open')
clearMenus()
if (!isActive) {
if ('ontouchstart' in document.documentElement && !$parent.closest('.navbar-nav').length) {
// if mobile we use a backdrop because click events don't delegate
$(document.createElement('div'))
.addClass('dropdown-backdrop')
.insertAfter($(this))
.on('click', clearMenus)
}
var relatedTarget = { relatedTarget: this }
$parent.trigger(e = $.Event('show.bs.dropdown', relatedTarget))
if (e.isDefaultPrevented()) return
$this
.trigger('focus')
.attr('aria-expanded', 'true')
$parent
.toggleClass('open')
.trigger('shown.bs.dropdown', relatedTarget)
}
return false
}
Dropdown.prototype.keydown = function (e) {
if (!/(38|40|27|32)/.test(e.which) || /input|textarea/i.test(e.target.tagName)) return
var $this = $(this)
e.preventDefault()
e.stopPropagation()
if ($this.is('.disabled, :disabled')) return
var $parent = getParent($this)
var isActive = $parent.hasClass('open')
if ((!isActive && e.which != 27) || (isActive && e.which == 27)) {
if (e.which == 27) $parent.find(toggle).trigger('focus')
return $this.trigger('click')
}
var desc = ' li:not(.disabled):visible a'
var $items = $parent.find('[role="menu"]' + desc + ', [role="listbox"]' + desc)
if (!$items.length) return
var index = $items.index(e.target)
if (e.which == 38 && index > 0) index-- // up
if (e.which == 40 && index < $items.length - 1) index++ // down
if (!~index) index = 0
$items.eq(index).trigger('focus')
}
function clearMenus(e) {
if (e && e.which === 3) return
$(backdrop).remove()
$(toggle).each(function () {
var $this = $(this)
var $parent = getParent($this)
var relatedTarget = { relatedTarget: this }
if (!$parent.hasClass('open')) return
if (e && e.type == 'click' && /input|textarea/i.test(e.target.tagName) && $.contains($parent[0], e.target)) return
$parent.trigger(e = $.Event('hide.bs.dropdown', relatedTarget))
if (e.isDefaultPrevented()) return
$this.attr('aria-expanded', 'false')
$parent.removeClass('open').trigger('hidden.bs.dropdown', relatedTarget)
})
}
function getParent($this) {
var selector = $this.attr('data-target')
if (!selector) {
selector = $this.attr('href')
selector = selector && /#[A-Za-z]/.test(selector) && selector.replace(/.*(?=#[^\s]*$)/, '') // strip for ie7
}
var $parent = selector && $(selector)
return $parent && $parent.length ? $parent : $this.parent()
}
// DROPDOWN PLUGIN DEFINITION
// ==========================
function Plugin(option) {
return this.each(function () {
var $this = $(this)
var data = $this.data('bs.dropdown')
if (!data) $this.data('bs.dropdown', (data = new Dropdown(this)))
if (typeof option == 'string') data[option].call($this)
})
}
var old = $.fn.dropdown
$.fn.dropdown = Plugin
$.fn.dropdown.Constructor = Dropdown
// DROPDOWN NO CONFLICT
// ====================
$.fn.dropdown.noConflict = function () {
$.fn.dropdown = old
return this
}
// APPLY TO STANDARD DROPDOWN ELEMENTS
// ===================================
$(document)
.on('click.bs.dropdown.data-api', clearMenus)
.on('click.bs.dropdown.data-api', '.dropdown form', function (e) { e.stopPropagation() })
.on('click.bs.dropdown.data-api', toggle, Dropdown.prototype.toggle)
.on('keydown.bs.dropdown.data-api', toggle, Dropdown.prototype.keydown)
.on('keydown.bs.dropdown.data-api', '[role="menu"]', Dropdown.prototype.keydown)
.on('keydown.bs.dropdown.data-api', '[role="listbox"]', Dropdown.prototype.keydown)
}(jQuery);
The caret is great, but when I am jumping across panes it can be difficult to see what line you're on at first glance. I'm seeing this issue with the primer.dark.tmTheme
.
plz scrollbars to the theme i had switch back to my other fav theme cause of its scrollbars btw its Theme - Numix
(request)
The theme is very well done, but the syntax theme (while nice) is not the Primer color scheme as displayed on the official site: http://primercss.io/
For example, here's a snippet in your theme
And the same snippet taken from the Primer site here
I have changed the code from Briles/gruvbox to output Theme - Primer
based on primer/github-textmate-theme.
Changes:
NDC
variantsSoft, Medium, Hard
variantsREADME
Question:
Should fix #49, #48, #47, #41, #32, #31, #28 and if extras included from gruvbox
also #24.
TODO:
Primer
v2.0
Hey, I'm just gonna ask - are you planning on updating color scheme? With new sublime syntax definitions for JavaScript almost all code is in "red", which makes it unusable.
Hi, I have a problem. Sometimes the scrollbars behave strange, changing of color, and I can't distinguish the bars from the total space assigned it.
Here is an image that explain better the problem
Like you see the vertical and horizontal bars (of the text editor) doesn't appear, and the total space, where could be located, have been replaced with a grey bar.
Anyone knows the reason of this problem?
Really like this theme but, I've recently moved to using Atom. Is there an Atom UI + Syntax theme port for this?
Hey Thanks for fixing the scrollbars anyway just noticed that the code completion for the dark theme is all white and doesnt match the theme at all so i went in and changed some stuff and i got this effect
here are the settings i changed
if you could implement these with your own changes it would be great Thanks
Custom title bar styling support added in Build 3127
Example: ctf0/Seti_ST3@f66ca9a
Hello -- first of all thanks for putting together such a nice theme!
I'm having no problems with the light variation of the theme, but the Dark version doesn't seem to work at all.
I installed the package using Wbond's Package Manager, and I've confirmed that the "Primer Dark.sublime-theme" file exists, but it just doesn't want to apply.
I'm using Sublime Text 2, build 2221
on Linux.
Any thoughts?
You're using tags, so to get the dark theme, we need a new release tag. :)
the scrollbars need some adjusting when the "overlay_scroll_bars": "system" option is set . I cannot see the puck control .
So Sorry for but its just that when i'm in yml developing a new theme or color scheme it just looks weird
here take look
layer0.opacity
you get the red colon i know its easily overlooked but can you fix this plz & thank you in advanceA declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.