Skip to content

Instantly share code, notes, and snippets.

@round
Last active February 21, 2019 09:17
Show Gist options
  • Save round/65d22fc2e25ecaf773c65f3966c18046 to your computer and use it in GitHub Desktop.
Save round/65d22fc2e25ecaf773c65f3966c18046 to your computer and use it in GitHub Desktop.
Atom Editor Custom Interface: Packages & User Styles
[
{
"name": "about",
"version": "1.10.0"
},
{
"name": "animated-page-scroll",
"version": "1.2.0"
},
{
"name": "archive-view",
"version": "0.65.1"
},
{
"name": "atom-animations",
"version": "0.1.0"
},
{
"name": "atom-bracket-highlight",
"version": "0.3.2"
},
{
"name": "atom-css-comb",
"version": "3.3.1"
},
{
"name": "atom-dark-syntax",
"version": "0.29.0",
"theme": "syntax"
},
{
"name": "atom-dark-ui",
"version": "0.53.2",
"theme": "ui"
},
{
"name": "atom-ide-ui",
"version": "0.13.0"
},
{
"name": "atom-jump-block",
"version": "0.5.4"
},
{
"name": "atom-light-syntax",
"version": "0.29.0",
"theme": "syntax"
},
{
"name": "atom-light-ui",
"version": "0.46.2",
"theme": "ui"
},
{
"name": "atom-limelight",
"version": "0.1.3"
},
{
"name": "atom-material-syntax-dark",
"version": "1.0.0",
"theme": "syntax"
},
{
"name": "atom-material-ui",
"version": "2.1.3",
"theme": "ui"
},
{
"name": "atom-notifier",
"version": "0.7.0"
},
{
"name": "atom-touchbar",
"version": "0.3.1"
},
{
"name": "auto-reveal-in-sidebar",
"version": "0.8.0"
},
{
"name": "auto-update-packages",
"version": "1.0.1"
},
{
"name": "autocomplete-atom-api",
"version": "0.10.7"
},
{
"name": "autocomplete-css",
"version": "0.17.5"
},
{
"name": "autocomplete-html",
"version": "0.8.4"
},
{
"name": "autocomplete-plus",
"version": "2.40.7"
},
{
"name": "autocomplete-snippets",
"version": "1.12.0"
},
{
"name": "autoflow",
"version": "0.29.4"
},
{
"name": "autosave",
"version": "0.24.6"
},
{
"name": "background-tips",
"version": "0.28.0"
},
{
"name": "base16-tomorrow-dark-theme",
"version": "1.5.0",
"theme": "syntax"
},
{
"name": "base16-tomorrow-light-theme",
"version": "1.5.0",
"theme": "syntax"
},
{
"name": "bookmarks",
"version": "0.45.1"
},
{
"name": "bracket-matcher",
"version": "0.89.2"
},
{
"name": "busy-signal",
"version": "1.4.3"
},
{
"name": "chrome-color-picker",
"version": "0.8.0"
},
{
"name": "codekit-atom-sync",
"version": "1.0.0"
},
{
"name": "color-tabs",
"version": "0.1.8"
},
{
"name": "color-tabs-regex",
"version": "0.2.5"
},
{
"name": "command-palette",
"version": "0.43.5"
},
{
"name": "css-specificity",
"version": "0.2.2"
},
{
"name": "csstree-validator",
"version": "0.6.0"
},
{
"name": "ctrl-dir-scroll",
"version": "0.2.5"
},
{
"name": "cursor-scroll",
"version": "1.0.1"
},
{
"name": "custom-app-icon",
"version": "0.2.4"
},
{
"name": "dalek",
"version": "0.2.2"
},
{
"name": "deprecation-cop",
"version": "0.56.9"
},
{
"name": "dev-live-reload",
"version": "0.48.1"
},
{
"name": "directory-color",
"version": "0.3.0"
},
{
"name": "display-keystroke-bindings",
"version": "0.2.0"
},
{
"name": "editorconfig",
"version": "2.2.2"
},
{
"name": "element-finder",
"version": "0.1.3"
},
{
"name": "emmet",
"version": "2.4.3"
},
{
"name": "encoding-selector",
"version": "0.23.9"
},
{
"name": "exception-reporting",
"version": "0.43.1"
},
{
"name": "expose",
"version": "0.15.0"
},
{
"name": "fade-folded-lines",
"version": "1.5.3"
},
{
"name": "file-icons",
"version": "2.1.22"
},
{
"name": "file-type-icons",
"version": "1.3.4"
},
{
"name": "find-and-replace",
"version": "0.215.12"
},
{
"name": "flex-tab-bar",
"version": "1.0.1"
},
{
"name": "flex-tool-bar",
"version": "2.1.2"
},
{
"name": "focus-dark",
"version": "1.2.0",
"theme": "syntax"
},
{
"name": "fold-lines",
"version": "0.2.2"
},
{
"name": "foldername-tabs",
"version": "0.2.4"
},
{
"name": "full-width-tabs",
"version": "0.3.0"
},
{
"name": "fuzzy-finder",
"version": "1.8.2"
},
{
"name": "git-diff",
"version": "1.3.9"
},
{
"name": "git-time-machine",
"version": "2.1.0"
},
{
"name": "github",
"version": "0.18.2"
},
{
"name": "go-to-line",
"version": "0.33.0"
},
{
"name": "grammar-selector",
"version": "0.50.1"
},
{
"name": "grammar-tab-colors",
"version": "0.2.8"
},
{
"name": "gutter-shadow",
"version": "1.1.0"
},
{
"name": "hey-pane",
"version": "1.1.0"
},
{
"name": "highlight-line",
"version": "0.12.0"
},
{
"name": "highlight-selected",
"version": "0.14.0"
},
{
"name": "ide-css",
"version": "0.3.0"
},
{
"name": "ide-html",
"version": "0.4.2"
},
{
"name": "ide-typescript",
"version": "0.7.6"
},
{
"name": "image-view",
"version": "0.63.0"
},
{
"name": "incompatible-packages",
"version": "0.27.3"
},
{
"name": "indent-guide-improved",
"version": "1.4.13"
},
{
"name": "intentions",
"version": "1.1.5"
},
{
"name": "jump-lines",
"version": "1.1.0"
},
{
"name": "jump-to-line",
"version": "0.3.0"
},
{
"name": "jumpy",
"version": "4.2.0"
},
{
"name": "keybinding-resolver",
"version": "0.38.2"
},
{
"name": "language-c",
"version": "0.60.0"
},
{
"name": "language-clojure",
"version": "0.22.7"
},
{
"name": "language-coffee-script",
"version": "0.49.3"
},
{
"name": "language-csharp",
"version": "1.0.4"
},
{
"name": "language-css",
"version": "0.42.11"
},
{
"name": "language-gfm",
"version": "0.90.5"
},
{
"name": "language-git",
"version": "0.19.1"
},
{
"name": "language-gitignore",
"version": "0.3.0"
},
{
"name": "language-go",
"version": "0.46.0"
},
{
"name": "language-htaccess",
"version": "0.2.0"
},
{
"name": "language-html",
"version": "0.51.1"
},
{
"name": "language-hyperlink",
"version": "0.16.3"
},
{
"name": "language-java",
"version": "0.30.0"
},
{
"name": "language-javascript",
"version": "0.129.1"
},
{
"name": "language-json",
"version": "0.19.2"
},
{
"name": "language-less",
"version": "0.34.2"
},
{
"name": "language-make",
"version": "0.22.3"
},
{
"name": "language-mustache",
"version": "0.14.5"
},
{
"name": "language-objective-c",
"version": "0.15.1"
},
{
"name": "language-perl",
"version": "0.38.1"
},
{
"name": "language-php",
"version": "0.44.0"
},
{
"name": "language-property-list",
"version": "0.9.1"
},
{
"name": "language-python",
"version": "0.51.2"
},
{
"name": "language-ruby",
"version": "0.72.2"
},
{
"name": "language-ruby-on-rails",
"version": "0.25.3"
},
{
"name": "language-sass",
"version": "0.62.0"
},
{
"name": "language-shellscript",
"version": "0.27.0"
},
{
"name": "language-source",
"version": "0.9.0"
},
{
"name": "language-sql",
"version": "0.25.10"
},
{
"name": "language-text",
"version": "0.7.4"
},
{
"name": "language-todo",
"version": "0.29.4"
},
{
"name": "language-todo-extra-words",
"version": "0.2.0"
},
{
"name": "language-toml",
"version": "0.18.2"
},
{
"name": "language-typescript",
"version": "0.4.0"
},
{
"name": "language-xml",
"version": "0.35.2"
},
{
"name": "language-yaml",
"version": "0.32.0"
},
{
"name": "line-ending-selector",
"version": "0.7.7"
},
{
"name": "line-navigation",
"version": "0.1.6"
},
{
"name": "link",
"version": "0.31.4"
},
{
"name": "linter",
"version": "2.2.0"
},
{
"name": "linter-sass-lint",
"version": "1.8.3"
},
{
"name": "linter-ui-default",
"version": "1.7.1"
},
{
"name": "lipsum",
"version": "0.1.0"
},
{
"name": "mark",
"version": "1.3.3"
},
{
"name": "markdown-preview",
"version": "0.159.20"
},
{
"name": "metrics",
"version": "1.6.0"
},
{
"name": "minimap",
"version": "4.29.8"
},
{
"name": "minimap-autohider",
"version": "1.5.4"
},
{
"name": "minimap-bookmarks",
"version": "0.4.2"
},
{
"name": "minimap-codeglance",
"version": "0.4.7"
},
{
"name": "minimap-cursorline",
"version": "0.2.0"
},
{
"name": "minimap-find-and-replace",
"version": "4.5.2"
},
{
"name": "minimap-git-diff",
"version": "4.3.1"
},
{
"name": "minimap-highlight-selected",
"version": "4.6.1"
},
{
"name": "minimap-pigments",
"version": "0.2.2"
},
{
"name": "minimap-selection",
"version": "4.5.0"
},
{
"name": "monokai",
"version": "0.24.0",
"theme": "syntax"
},
{
"name": "move-status-items",
"version": "0.0.11"
},
{
"name": "multiline-tab",
"version": "0.2.1"
},
{
"name": "nav-panel-plus",
"version": "0.3.2"
},
{
"name": "no-title-bar",
"version": "1.11.4"
},
{
"name": "notifications",
"version": "0.70.5"
},
{
"name": "notifications-plus",
"version": "0.69.14"
},
{
"name": "one-dark-syntax",
"version": "1.8.4",
"theme": "syntax"
},
{
"name": "one-dark-ui",
"version": "1.12.4",
"theme": "ui"
},
{
"name": "one-light-syntax",
"version": "1.8.4",
"theme": "syntax"
},
{
"name": "one-light-ui",
"version": "1.12.4",
"theme": "ui"
},
{
"name": "one-vibrancy",
"version": "0.2.0"
},
{
"name": "open-on-github",
"version": "1.3.1"
},
{
"name": "overlay-status-icons",
"version": "0.1.6"
},
{
"name": "package-generator",
"version": "1.3.0"
},
{
"name": "pane-by-type",
"version": "1.0.1"
},
{
"name": "pigments",
"version": "0.40.2"
},
{
"name": "project-dropdown",
"version": "0.13.0"
},
{
"name": "project-manager",
"version": "3.3.6"
},
{
"name": "project-view",
"version": "0.6.2"
},
{
"name": "r24y-touch-bar",
"version": "0.3.0"
},
{
"name": "relative-numbers",
"version": "0.9.0"
},
{
"name": "save-notification",
"version": "0.10.0"
},
{
"name": "scroll-color",
"version": "0.3.0"
},
{
"name": "scroll-searcher",
"version": "5.2.0"
},
{
"name": "scroll-through-time",
"version": "0.3.0"
},
{
"name": "settings-view",
"version": "0.255.0"
},
{
"name": "snippets",
"version": "1.3.3"
},
{
"name": "solarized-dark-syntax",
"version": "1.1.5",
"theme": "syntax"
},
{
"name": "solarized-light-syntax",
"version": "1.1.5",
"theme": "syntax"
},
{
"name": "sort-lines",
"version": "0.18.0"
},
{
"name": "spell-check",
"version": "0.74.0"
},
{
"name": "status-bar",
"version": "1.8.15"
},
{
"name": "structure-view",
"version": "0.2.1"
},
{
"name": "styleguide",
"version": "0.49.11"
},
{
"name": "symbols-view",
"version": "0.118.2"
},
{
"name": "sync-settings",
"version": "0.8.6"
},
{
"name": "tab-numbers",
"version": "0.6.1"
},
{
"name": "tab-preview",
"version": "0.8.0"
},
{
"name": "tab-title",
"version": "0.3.5"
},
{
"name": "tabs",
"version": "0.109.2"
},
{
"name": "tibber",
"version": "0.3.0"
},
{
"name": "timecop",
"version": "0.36.2"
},
{
"name": "title-bar-replacer",
"version": "1.8.1"
},
{
"name": "todo-show",
"version": "2.3.0"
},
{
"name": "toggle-quotes",
"version": "1.1.1"
},
{
"name": "toggler",
"version": "0.3.1"
},
{
"name": "tool-bar",
"version": "1.1.7"
},
{
"name": "tool-bar-almighty",
"version": "0.8.2"
},
{
"name": "tool-bar-atom",
"version": "1.7.0"
},
{
"name": "tool-bar-main",
"version": "0.0.11"
},
{
"name": "touchbar",
"version": "0.11.0"
},
{
"name": "touchbar-registry",
"version": "0.3.2"
},
{
"name": "tree-view",
"version": "0.222.0"
},
{
"name": "tree-view-auto-collapse",
"version": "1.0.2"
},
{
"name": "tree-view-autoresize",
"version": "2.3.0"
},
{
"name": "tree-view-breadcrumb",
"version": "0.8.1"
},
{
"name": "tree-view-filter",
"version": "0.5.3"
},
{
"name": "tree-view-finder",
"version": "0.2.1"
},
{
"name": "tree-view-menu",
"version": "1.2.1"
},
{
"name": "tree-view-panes",
"version": "0.3.7"
},
{
"name": "tree-view-scope-lines",
"version": "0.2.0"
},
{
"name": "tree-view-search-bar",
"version": "1.0.2"
},
{
"name": "tree-view-sort",
"version": "0.11.0"
},
{
"name": "treeview-file-highlight",
"version": "0.8.0"
},
{
"name": "update-package-dependencies",
"version": "0.13.1"
},
{
"name": "visual-bell",
"version": "1.0.0"
},
{
"name": "welcome",
"version": "0.36.6"
},
{
"name": "whitespace",
"version": "0.37.6"
},
{
"name": "wrap-guide",
"version": "0.40.3"
}
]
// .one-vibrancy {
// border-color: unset;
// atom-text-editor .indent-guide {
// border-color: unset !important;
// }
// atom-pane,
// atom-panel,
// .tree-view {
// // background-color: rgba(33,33,33,0)!important;
// // background-color: red !important;
// }
// }
// atom-panel.header.tool-panel .title-bar {
// background: #1C1C1C;
// // ground: transparent;
// transition: background .1s linear;
// // height: 1rem;
// height: 20px;
// position: relative;
// // bottom: -80px;
// // left: 64px;
// }
//
// atom-panel.header.tool-panel .title-bar:hover {
// background: #1a1a1a;
// }
//
// atom-panel.header.tool-panel .title-bar .title {
// opacity: .25;
// transition: opacity .1s linear;
// font-size: .75rem;
// position: relative;
// // left: -64px;
// font-family: San Francisco Display;
// }
//
// atom-panel.header.tool-panel .title-bar:hover .title {
// opacity: 1;
// }
//
@ibeam-1x: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAL0lEQVQoz2NgCD3x//9/BhBYBWdhgFVAiVW4JBFKGIa4AqD0//9D3pt4I4tAdAMAHTQ/j5Zom30AAAAASUVORK5CYII=');
@ibeam-2x: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAAz0lEQVRIx2NgYGBY/R8I/vx5eelX3n82IJ9FxGf6tksvf/8FiTMQAcAGQMDvSwu09abffY8QYSAScNk45G198eX//yev73/4///701eh//kZSARckrNBRvz//+8+6ZohwCzjGNjdgQxkAg7B9WADeBjIBqtJCbhRA0YNoIkBSNmaPEMoNmA0FkYNoFKhapJ6FGyAH3nauaSmPfwI0v/3OukVi0CIZ+F25KrtYcx/CTIy0e+rC7R1Z4KMICVTQQ14feVXIbR695u14+Ir4gwAAD49E54wc1kWAAAAAElFTkSuQmCC');
atom-text-editor .lines {
cursor: -webkit-image-set(@ibeam-1x 1x, @ibeam-2x 2x) 5 8, text;
}
atom-workspace.find-visible .highlight-selected .region {
border: none !important;
}
atom-text-editor .selection .region {
// transition: border 1s linear, background 1s linear;
// background: black;
}
atom-text-editor .find-result .region {
background: rgba(255,0,0,.33) !important;
// border: 1px solid rgba(255,0,0,.5) !important;
border: none !important;
padding: 1px 2px 0 2px !important;
margin: -1px 0px 0 -2px !important;
position: absolute !important;
display: block !important;
box-sizing: unset !important;
z-index: 999999999999999 !important;
transition: all .1s linear;
&:before {
content: '';
display: block;
position: fixed !important;
width: 0;
height: 0;
margin-top: .25em;
border-top: .5em solid transparent;
border-bottom: .5em solid transparent;
border-left: .5em solid red;
left: 0em;
z-index: 9999;
opacity: .25;
}
&:after {
content: '';
display: block;
position: fixed !important;
width: 100%;
height: 1.5em;
background: rgba(255,255,255,.01);
left: 0em;
z-index: -9999;
margin-top: -1px;
mix-blend-mode: overlay;
border: 0 !important;
}
}
atom-text-editor .current-result {
.region {
// border: 1px solid rgba(255,255,255,1) !important;
border: 1px solid rgba(255,0,0,1) !important;
transition: all .1s linear;
padding: 2px 1px 0 2px !important;
margin: -2px 0px 0 -2px !important;
margin: -0.4em 0px 0 -.6em !important;
display: block !important;
box-sizing: unset !important;
// mix-blend-mode: difference;
// box-shadow: 0px 0px 1em black;
// background: rgba(0,255,0,.15);
// background: white !important;
// transform: scale(1.2);
// position: relative;
padding: .25em .5em !important;
z-index: 9999999999;
// transform: translateX(-.25em) translateY(-.25em);
&:before {
content: '';
display: block;
// width: 100%;
height: 100%;
width: 100%;
// padding: 2em;
top: 0em;
left: 0em;
// position: fixed;
position: absolute;
background: black;
// z-index: -999999;
}
}
&:after {
content: '';
display: block;
position: fixed !important;
width: 100%;
height: 1.5em;
background: black;
left: 0em;
z-index: -9999;
margin-top: 1px;
// outline: 2px solid black !important;
mix-blend-mode: overlay;
border: 0 !important;
}
}
// atom-text-editor .current-result .region:after {
// content: '';
// display: block;
// background: white;
// text-align: center;
// color: black;
// width: 1em;
// top: -1px;
// bottom: -1px;
// left: -1em;
// position: absolute;
// // mix-blend-mode: difference;
//
// }
atom-panel.panel-bottom.bottom .project-find {
display: none !important;
}
atom-panel.panel-bottom.bottom {
display: block !important;
}
atom-workspace atom-panel.panel-bottom.bottom .find-and-replace {
opacity: .9;
transform: translateY(100%) !important;
}
atom-workspace.find-visible atom-panel.panel-bottom.bottom .find-and-replace {
transform: translateY(calc(100%-68px)) !important;
}
atom-workspace.find-visible atom-panel.panel-bottom.bottom .find-and-replace:hover {
transform: translateY(0) !important;
opacity: 1;
}
//
// atom-workspace atom-panel-container.bottom {
// transform: translateY(100%) !important;
// // height: 10px;
// }
//
// atom-workspace.find-visible atom-panel-container.bottom {
// transform: translateY(0%) !important;
//
// }
.find-and-replace {
padding: .25rem 1rem !important;
padding-top: .75rem !important;
z-index: 9999;
position: fixed;
bottom: 0;
left: 0;
right: 0;
transition: all .1s linear;
background: #212121;
// transform: translateY(calc(100% - 24px));
}
.find-and-replace header.header {
margin-bottom: 0 !important;
}
.find-and-replace .btn-group.btn-toggle.btn-group-options .btn {
// background: red !important;
border-radius: 0 !important;
max-width: 4rem !important;
margin: -.5rem 0 0 0 !important;
background: transparent;
}
atom-panel.tool-panel.panel-bottom .input-block * {
font-size: .8rem !important;
padding-bottom: 0 !important;
}
.no-title-bar:not(.fullscreen).custom-inset-title-bar > atom-workspace atom-panel-container.right,
.no-title-bar:not(.fullscreen).custom-inset-title-bar > atom-workspace atom-panel-container.left {
margin-top: 2.2rem;
}
atom-dock.right,
atom-dock.left {
margin-top: -3rem;
// top: -3px;
.tab {
font-weight: bold;
// margin-top: 0em;
.title {
padding-top: .8em !important;
}
}
}
atom-dock.left {
.tab-bar {
margin-left: 80px;
}
}
atom-pane .tab-bar .tab .title.icon:before { //theme override to color icons
// color: unset !important;
display: inline;
margin-right: 1em;
}
// .grammar-tab-colors-decoration {
// transition: opacity .2s linear !important;
// opacity: .05;
// // top: 1em !important;
// transform: scaleY(-1);
// .tab.active & {
// opacity: 1;
// height: 2px !important;
// // bottom: 0px;
// // top: auto !important;
// transform: none;
// top: calc(100% - 2px) !important;
// }
// }
.grammar-tab-colors-decoration {
// width: 3em !important;
height: 2px !important;
top: calc(100% - 3px) !important;
z-index: 99999;
opacity: 1 !important;
transition: top .1s linear;
.tab.active & {
// bottom: 0px;
// top: auto !important;
top: 3px !important;
position: relative;
// &:before {
// content: '';
// display: block;
// background: inherit;
// position: absolute;;
// top: 4px;
// width: 2px;
// height: 4em;
// }
// &:after {
// content: '';
// display: block;
// background: inherit;
// position: absolute;
// top: 4px;
// width: 2px;
// height: 4em;
// right: 0;
// }
}
}
.tab-bar .tab.texteditor {
// background: #212121 !important;
animation-duration: .5s;
animation-name: saved;
animation-timing-function: ease-out;
&.modified {
animation: none;
// background: rgba(255,0,0,.25) !important;
.title.icon:before {
color: red !important;
}
}
&:after {
display: none;
content: none !important;
}
}
.tab-bar .tab .close-icon {
opacity: 0 !important;
&:before {
content: '\f081' !important;
}
}
.tab-bar .tab:hover .close-icon {
opacity: 1 !important;
}
@keyframes saved {
from {
background: green;
}
to {
background: #212121;
}
}
.tab-bar {
font-family: input;
height: 3.5rem !important;
max-height: unset !important;
transition: background-color .1s linear;
margin-top: -1.25rem;
atom-dock & {
// height: 2rem !important;
// margin-top: -2rem;
// height: 3rem !important;
}
.tab {
font-size: .8em !important;
padding-left: 1em !important;
margin-top: 1rem;
overflow: hidden;
transition: all .1s linear;
opacity: 1 !important;
.title.icon:before {
opacity: .75;
}
.title {
// padding-top: .5em !important;
min-width: 128px;
}
.foldername-tabs {
margin-left: -.5em;
top: -.33em;
}
.folder {
opacity: .5;
line-height: 1.5;
font-size: .8em;
text-transform: uppercase;
letter-spacing: .5px;
position: relative;
top: -.33em;
}
.file {
font-size: 1em;
}
&:hover {
cursor: pointer !important;
.title.icon:before {
opacity: .9;
}
.close-icon {
opacity: 1;
transition: opacity .1s linear;
}
}
.close-icon {
// background: blue;
right: 1em;
width: 2em;
height: 100%;
// transform: scale(1);
// opacity: .5;
// padding: 1em;
cursor: pointer !important;
&:before {
// transition: all .1s linear;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
}
&:hover {
// cursor: pointer !important;
&:before {
color: red;
// transform: scale(1.5);
// cursor: pointer !important;
}
}
}
}
.tab.active {
color: #fff;
background: #212121;
// border-top-right-radius: .5em;
// border-top-left-radius: .5em;
.title.icon:before {
opacity: 1;
}
.folder {
opacity: .8;
}
.file {
// font-weight: bold;
opacity: 1;
// letter-spacing: .25px;
}
.title.icon:before {
// color: #fff !important;
}
}
.tab:before {
display: none;
}
}
atom-panel.footer { //.tool-panel .status-bar
// background: #202020;
// background: transparent !important;
// opacity: 0;
min-height: 1.5rem;
line-height: 2;
transition: all .1s linear;
position: fixed;
bottom: 0;
left: 0;
right: 0;
overflow: visible;
backface-visibility: hidden;
padding-right: 2em;
// transform: translateY(1.75em);
margin-bottom: -1.8em;
.line-ending-tile {
display: none;
}
}
atom-panel.footer:hover {
// opacity: 1;
// transform: translateY(0);
background: #1d1d1d !important;
margin-bottom: 0;
}
.tool-panel {
transition: all .1s linear;
}
// atom-text-editor{
// transition: filter .1s linear;
// filter: saturate(90%);
// &.is-focused {
// filter: saturate(110%);
// }
// }
body.is-blurred {
.tab-bar,
atom-panel,
.tool-panel {
background: #111;
background: #212121;
// filter: saturate(50%);
transition: all .33s linear;
}
atom-panel.footer {
background: #202020 !important;
.inline-block {
opacity: .5;
}
// transform: translateY(0);
margin-bottom: 0;
// opacity: 1;
transition: margin .33s linear;
}
}
atom-pane, .tool-panel, .show-todo-preview {
background: #212121;
background: #1d1d1d !important;
}
//only show stuff on change:
// atom-panel.panel-footer.footer {
// border: none !important;
// }
//
// .status-bar {
// background: #202020;
// border: none;
// .diagnostics-status-bar-highlight {
// display: none;
// }
// .file-info {
// opacity: 0;
// & ~ * {
// opacity: 0;
// }
// &.buffer-modified {
// opacity: 1;
// &~ * {
// opacity: 1;
// }
// }
// }
// }
atom-text-editor .gutter {
// opacity: .25;
transition: color .1s linear;
overflow: visible;
color: rgba(255,255,255,.05);
.line-number {
border-left-width: 1px !important;
opacity: .33;
transition: all .1s linear;
&.cursor-line {
// background: rgba(255, 255, 255, 0.2);
color: #fff;
background: transparent;
// transition: none;
}
&.bracket-matcher {
background: #a0a;
color: rgba(255,255,255,1);
&:after {
position: absolute;
display: block;
content: '';
top: 0;
height: 100%;
width: 1024px;
background: inherit;
pointer-events: none;
z-index: -9999;
opacity: .75;
// transition: all 0s linear;
}
}
}
&:hover {
.line-number {
border-left-width: 1px !important;
opacity: 1;
colo: rgba(255,255,255,.5);
&.bracket-matcher {
&:after {
opacity: .25;
}
}
}
}
.bookmarked {
background: rgba(0,153,204,.15) !important;
padding-right: 1024px !important;
pointer-events: none;
border-left: 1px solid #09C !important;
z-index: -1 !important;
opacity: 1 !important;
color: rgba(255,255,255,.5);
transition: color .1s linear;
&.cursor-line {
color: white;
}
.icon-right {
opacity: 1 !important;
&:before {
color: white !important;
opacity: 1 !important;
content: unset !important;
}
}
}
}
atom-text-editor .gutter:hover {
// opacity: 1;
color: rgba(255,255,255,.4);
}
atom-text-editor .gutter .line-number {
font-size: .5rem;
padding: .19rem .19rem;
}
// atom-text-editor .line-number .icon-right {
// opacity: 1 !important;
// transform: scale(4) translateX(20%);
// }
// atom-text-editor::shadow .cursor:after {
// display: block;
// content: '';
// background: #aoa;
// width: .5em;
// height: 100%;
// opacity: .5;
// }
atom-text-editor.is-focused .cursors .cursor {
opacity: 1;
// height: 2em !important;
// margin-top: -.25em;
transition: all 50ms linear, opacity .125s linear, border .125s linear;
border-color: #a0a !important;
border-left-width: 2px !important;
backface-visibility: hidden;
}
atom-text-editor.is-focused .cursors.blink-off .cursor {
opacity: .33;
// margin-top: 0;
// height: 1.5em !important;
// border-left-width: 2px !important;
}
.modal {
// background: red;
// pointer-events: none;
// width: 100%;
// height: 100%;
// position: absolute;
// display: flex;
// align-items: center;
atom-panel.modal {
overflow: visible;
background: rgba(0,0,0,.5) !important;
&.expose-panel {
top: 0 !important;
margin-top: 0 !important;
}
&.from-top {
top: 50%;
margin-top: -200px;
// bottom: 50%;
// right: 0;
// bottom: 0;
// left: 0;
// margin: auto;
}
&:after {
content: '';
display: block;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: #212121;
z-index: -1;
opacity: .5;
}
}
}
.syntax--todo, .syntax--fixme {
background: rgba(0,255,0,.05);
display: inline-block;
position: relative;
color: rgba(0,255,0,.5);
font-weight: bold;
&:before, &:after {
position: absolute;
display: block;
content: '';
top: 0;
z-index: 999;
height: 100%;
width: 1024px;
background: inherit;
pointer-events: none;
z-index: 9999;
transition: all .1s linear;
}
&:before {
right: 100%;
content: '';
text-align: right;
}
&:after {
left: 100%;
}
}
.syntax--fixme {
color: rgba(255,0,0,1);
background: rgba(255,0,0,.1);
}
// .theme-one-dark-ui {
// .tab-bar {
// background: #282828;
// box-shadow: none;
// }
// // .tree-view { font-size: 14px; }
// .status-bar { font-size: 10px; opacity: .5;}
// }
minimap-codeglance {
// see through the codeglance element
// opacity: .8;
// change the shadow of the element
transition: opacity .1s linear;
backface-visibility: hidden;
// box-shadow: 0 0 160px rgba(0, 0, 0, 1), 0 0 3em rgba(0, 0, 0, .5);
border-top: 1px solid black;
border-bottom: 1px solid black;
// position: relative;
.editor {
overflow: hidden;
& > div {
// transform: scale(1);
transform-origin: 0 50%;
}
}
&:before, &:after {
position: absolute;
content: '';
width: 100%;
height: 50vh;
background: linear-gradient(rgba(0,0,0,.66), rgba(33,33,33,0));
top: 100%;
left: 0;
display: block;
}
&:after {
background: linear-gradient(rgba(33,33,33,0), rgba(0,0,0,.66));
bottom: 100%;
left: 0;
top: unset;
}
}
.directory {
.header {
transition: all .1s linear;
span {
// font-weight: bold;
text-transform: uppercase;
letter-spacing: .05em;
font-size: .85em;
line-height: 1;
// color: #fff;
&:before {
// margin-right: 1em;
// color: inherit !important;
}
}
}
&.expanded > .header {
opacity: .5;
}
}
.tree-view-panes.list-tree {
// background: red !important;
.header {
font-weight: bold;
letter-spacing: .01em;
opacity: .5;
}
}
.tree-view .header {
transition: all .1s linear;
}
.tree-view {
// font-family: Input;
// font-size: .9em;
.list-item {
transition: all .05s linear;
// background: orange;
padding-left: 1em;
margin-left: -1em;
.name {
transition: all .1s linear;
}
.icon:before {
margin-right: .6em;
}
&:hover {
background: rgba(170,0,170,.25);
// color: red;
.name {
// filter: saturate(500%);
// letter-spacing: .0125em;
// text-indent: .125em;
}
.icon:before {
color: inherit;
// transform: scale(1.1);
// margin-right: 0;
}
}
}
}
.icon:before { //global icon transition
transition: all .1s linear;
}
.tree-view .tree-view-root .list-tree {
border-left: 1px solid #272727;
margin-left: 3px;
}
.directory > .entries.list-tree {
display: block !important;
transition: all 1s linear;
overflow: hidden;
}
.collapsed.directory > .entries.list-tree {
max-height: 0;
min-height: 1px;
transition: all .1s linear;
}
.expanded.directory > .entries.list-tree {
max-height: 100vh;
min-height: 1em;
}
.list-tree.has-collapsable-children .list-nested-item > .list-tree > li {
margin-left: -4px;
// margin-left: 0;
}
.indent-guide-improved {
background-color: rgba(255,255,255,.0); //was 1
transition: all .1s linear;
&.indent-guide-stack {
background-color: rgba(255,255,255,.02);
// background: red;
&.indent-guide-active {
background-color: rgba(255,255,255,.25);
background-color: #a0a;
}
}
}
.todo-status-bar-indicator {
// background: #272727;
// background: red;
position: fixed !important;
bottom: 0;
right: 0;
padding: .5em .5em .2em .5em;
z-index: 999999;
opacity: 1 !important;
}
.tab[data-type='ShowTodoView'] {
// padding-right: 2em;
// margin: 0 !important;
// padding: 0 !important;
// min-width: unset !important;
// width: 0em !important;
.title {
// max-width: 4em !important;
display: block;
overflow: hidden !important;
min-width: unset;
text-overflow: clip !important;
position: relative;
// margin: 0 !important;
color: transparent;
// padding: 0 !important;
&:before {
width: 100%;
height: 100%;
// background: green;
display: block;
position: absolute;
top: 2em;
right: 0;
bottom: 0;
left: 0;
text-align: center;
margin: auto 0;
line-height: 2.5em;
color: rgba(255,255,255,.5) !important;
}
}
.close-icon {
display: none;
}
}
.save-notification {
background: orange !important;
}
atom-text-editor .line {
transition: all .1s linear;
background: transparent;
&.highlight-line {
// border-right: 3em solid green;
background: rgba(255,255,255,.066) !important;
box-shadow: 0 0 2em rgba(0,0,0,.1);
}
}
.pigments-native-background {
filter: brightness(50%); //fix for comments
}
.syntax--color {
&.syntax--w3c-standard-color-name {
.pigments-native-background {
padding: .15em .25em;
border-radius: 4px;
}
}
.pigments-native-background {
padding: .15em .25em;
// border-radius: 4px;
filter: unset;
}
&.syntax--hex {
span {
.pigments-native-background {
border-radius: 0;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
padding: .15em 0 .15em .25em !important;
}
}
.pigments-native-background {
padding: .15em .25em .15em 0;
border-radius: 0;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px
}
}
.syntax--separator {
.pigments-native-background {
padding: inherit 0;
border-radius: 0 !important;
}
}
span {
.pigments-native-background {
padding: .15em 0;
border-radius: 0;
}
&:first-child {
.pigments-native-background {
padding: .15em 0 .15em .25em;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
}
&:last-child {
.pigments-native-background {
padding: .15em .25em .15em 0;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
}
}
}
// .syntax--function ~ .syntax--css,
// .syntax--constant ~ .syntax--css {
// border-radius: 0;
// .pigments-native-background {
// // background: purple !important;
// border-radius: 0;
// padding: .125em 0;
// }
// }
.tree-view-filter-container .editor {
padding-left: 1em;
}
.limelight .line {
opacity: 0.66;
filter: saturate(150%);
}
.limelight .line.atom-limelight {
opacity: 1;
filter: saturate(100%);
}
.outline-view {
font-size: .8em;
.list-item {
line-height: 0 !important;
padding: .2em .25em .5em 1em !important;
margin-left: -1em;
// background: green;
transition: all .05s linear;
color: inherit !important;
&:hover {
background: #a0a;
background: #333;
color: #fff !important;
cursor: pointer;
.icon:before {
opacity: 1 !important;
}
}
}
.list-nested-item {
padding-left: 1em !important;
.list-item {
// font-family: 'Roboto', 'Lucida Grande', 'Segoe UI', Ubuntu, Cantarell, sans-serif !important;
}
&.selected {
color: green;
& > .list-item span {
font-weight: bold !important;
color: #fff !important;
}
&:before {
background: #a0a;
height: 2em;
margin-top: .1em;
}
.icon:before {
// color: #a0a !important;
opacity: 1 !important;
}
}
.icon:before {
margin-right: .5em !important;
position: relative;
top: .15em;
// padding-left: 1em;s
opacity: .5 !important;
}
}
}
.diagnostics-gutter-popup {
font-size: .75em;
}
atom-text-editor .scroll-view > *,
atom-text-editor .gutter-container > * {
// transition: transform 50ms cubic-bezier(0, 0, 0.1, 1);
transition: transform 50ms ease-out;
}
@keyframes bracket-animation {
from {
// border-color: #ffffff;
background: #fff;
transform: scale(1);
}
50% {
// border-color: #a0a;
transform: scale(1.25);
}
to {
// border-color: rgba(255,255,255, 0);
// background: rgba(255,255,255, .1);
background: #a0a;
transform: scale(1.1);
}
}
atom-text-editor.editor .bracket-matcher .region {
animation: bracket-animation 0.33s;
// transition: all .1s linear;
// border: 1px solid green;
padding: .5em 0;
display: block;
background: #a0a !important;
border: none !important;
&:after, &:before {
display: none !important;
}
// border-radius: 50%;
// background: rgba(255,255,255, .1);
// transform: translateX(-15%);
transform: scale(1.1);
}
.visual-bell {
background: #a0a !important;
z-index: 999999 !important;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment