Skip to content

Instantly share code, notes, and snippets.

@skaraman
Created March 9, 2018 17:39
Show Gist options
  • Save skaraman/bbba1cd674fbb8ff9849a8c0c04e0518 to your computer and use it in GitHub Desktop.
Save skaraman/bbba1cd674fbb8ff9849a8c0c04e0518 to your computer and use it in GitHub Desktop.
atom css
// /*
// * Your Stylesheet
// *
// * This stylesheet is loaded when Atom starts up and is reloaded automatically
// * when it is changed and saved.
// *
// * Add your own CSS or Less to fully customize Atom.
// * If you are unfamiliar with Less, you can read more about it here:
// * http://lesscss.org
// */
.tree-view {
background-color: rgba(0, 0, 0, 0.1);
font-size: 80%;
}
.tab-bar .tab {
height: 20px;
}
.tab-bar .title {
line-height: 20px;
}
.close-icon {
top: 0px!important;
}
.vertical .tab-bar .tab.active {
box-shadow: inset 0px 0px 55px rgba(255,255,255,0.15) !important;
}
.placeholder {
height: 10px!important;
}
.highlights .bracket-matcher .region {
border: 0;
}
// Testing soft wrap and I need this text to be long enough to be soft wrapped because text needs to be longer than the soft wrap length
.soft-wrap-indicator:focus {
color: #b299b8;
}
.soft-wrap-indicator:focus.lit {
color: #dfd5e2;
}
.wrap-guide {
display: none !important;
}
atom-pain-container, atom-pane-axis, .pane, .pane > .tab-bar {
transition: flex 0.5s;
transition-timing-function: ease-out;
}
.app[data-v-0b0fc821] {
background-color: rgb(47, 0, 61);
}
/**
*
* Theme debugging and experiments
*
*/
.syntax--language, .syntax--support {
color: rgb(255, 214, 0);
}
.tool-panel.tree-view:before {
display: none
}
.panes > atom-pane-axis, .panes > atom-pane {
flex-grow: 1 !important
}
atom-text-editor{
transition: opacity 2s;
}
// .folded requires fold-line package
atom-text-editor.editor .folded {
//animation: foldWave 1s infinite alternate;
background: linear-gradient(to top, #5e007e, #2E0038);
background-size: 100% 300%;
box-shadow: inset 0 -1px 0 #5e007e;
border: 0 !important;
}
.fold-marker:after {
color: rgb(195, 0, 255) !important;
text-shadow: 0 0 9px white;
}
@keyframes foldWave {
0% {
background-position-y: 0%;
}
100% {
background-position-y: 100%;
}
}
atom-text-editor .highlights .highlight-selected .region {
//box-shadow: inset 1px 1px 10px red;
animation: highlightGlow 1s infinite alternate;
}
@keyframes highlightGlow {
from {
box-shadow: inset 0 0 0px #00c9ff;
}
to {
box-shadow: inset 0 0 10px #00c9ff;
}
}
@keyframes findGlow {
from {
box-shadow: inset 0 0 0px #d867ff;
}
to {
box-shadow: inset 0 0 10px #d867ff;
}
}
atom-text-editor .find-result .region {
animation: findGlow 1s infinite alternate;
}
.highlight.datatip-highlight-region .region{
background-color: transparent !important;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment