Atom.io personal stylesheet

styles.less

// Makes the scrollbar a little bit better to see.
atom-text-editor.editor ::-webkit-scrollbar-thumb {
	background: #666 !important;
}

// Bidirectional text is broken, so let's pretend it doesn't exist.
atom-text-editor.editor .line {
	unicode-bidi: bidi-override;
}

// Removes indent guides left border.
atom-text-editor.editor .indent-guide {
	box-shadow: none;
}

// Highlight current active line.
atom-text-editor.editor .cursor-line {
	background-color: #33353A;
}

// Highlight trailing en leading whitespaces in red, requires showInvisibles to be configured.
atom-text-editor.editor .trailing-whitespace,
atom-text-editor.editor .trailing-whitespace.hard-tab,
atom-text-editor.editor .leading-whitespace {
	background: rgba(255,0,0,0.2);
	color: red;
}

// Highlight leading hard-tab with a soft gray tone.
atom-text-editor.editor .hard-tab,
atom-text-editor.editor .leading-whitespace.hard-tab {
	background-color: rgba(150,150,150,0.05);
	color: #444;
}

// Makes the wrap guide less visible, requires atom/wrapguide to be configured.
atom-text-editor.editor .wrap-guide {
	width: 1px;
	background-color: rgba(255,255,255,0.05);
}