Themes

<!DOCTYPE html> <html lang="en" prefix="og: http://ogp.me/ns#"> <head><script type="text/javascript" src="/_static/js/bundle-playback.js?v=HxkREWBo" charset="utf-8"></script> <script type="text/javascript" src="/_static/js/wombat.js?v=txqj7nKC" charset="utf-8"></script> <script>window.RufflePlayer=window.RufflePlayer||{};window.RufflePlayer.config={"autoplay":"on","unmuteOverlay":"hidden"};</script> <script type="text/javascript" src="/_static/js/ruffle/ruffle.js"></script> <script type="text/javascript"> __wm.init("https://web.archive.org/web"); __wm.wombat("https://atom.io/themes","20211124140409","https://web.archive.org/","web","/_static/", "1637762649"); </script> <link rel="stylesheet" type="text/css" href="/_static/css/banner-styles.css?v=S1zqJCYt" /> <link rel="stylesheet" type="text/css" href="/_static/css/iconochive.css?v=3PDvdIFv" />  <meta charset="UTF-8"> <script type="text/javascript">window.NREUM||(NREUM={});NREUM.info={"beacon":"bam.nr-data.net","errorBeacon":"bam.nr-data.net","licenseKey":"844a840367","applicationID":"13323906","transactionName":"c1cMREAKXVRcRhpBW1VVB0MdDF9cXEw=","queueTime":1,"applicationTime":14,"agent":""}</script> <script type="text/javascript">(window.NREUM||(NREUM={})).init={ajax:{deny_list:["bam.nr-data.net"]}};(window.NREUM||(NREUM={})).loader_config={licenseKey:"844a840367",applicationID:"13323906"};window.NREUM||(NREUM={}),__nr_require=function(t,e,n){function r(n){if(!e[n]){var i=e[n]={exports:{}};t[n][0].call(i.exports,function(e){var i=t[n][1][e];return r(i||e)},i,i.exports)}return e[n].exports}if("function"==typeof __nr_require)return __nr_require;for(var i=0;i<n.length;i++)r(n[i]);return r}({1:[function(t,e,n){function r(){}function i(t,e,n,r){return function(){return s.recordSupportability("API/"+e+"/called"),o(t+e,[u.now()].concat(c(arguments)),n?null:this,r),n?void 0:this}}var o=t("handle"),a=t(10),c=t(11),f=t("ee").get("tracer"),u=t("loader"),s=t(4),d=NREUM;"undefined"==typeof window.newrelic&&(newrelic=d);var p=["setPageViewName","setCustomAttribute","setErrorHandler","finished","addToTrace","inlineHit","addRelease"],l="api-",v=l+"ixn-";a(p,function(t,e){d[e]=i(l,e,!0,"api")}),d.addPageAction=i(l,"addPageAction",!0),d.setCurrentRouteName=i(l,"routeName",!0),e.exports=newrelic,d.interaction=function(){return(new r).get()};var m=r.prototype={createTracer:function(t,e){var n={},r=this,i="function"==typeof e;return o(v+"tracer",[u.now(),t,n],r),function(){if(f.emit((i?"":"no-")+"fn-start",[u.now(),r,i],n),i)try{return e.apply(this,arguments)}catch(t){throw f.emit("fn-err",[arguments,this,t],n),t}finally{f.emit("fn-end",[u.now()],n)}}}};a("actionText,setName,setAttribute,save,ignore,onEnd,getContext,end,get".split(","),function(t,e){m[e]=i(v,e)}),newrelic.noticeError=function(t,e){"string"==typeof t&&(t=new Error(t)),s.recordSupportability("API/noticeError/called"),o("err",[t,u.now(),!1,e])}},{}],2:[function(t,e,n){function r(t){if(NREUM.init){for(var e=NREUM.init,n=t.split("."),r=0;r<n.length-1;r++)if(e=e[n[r]],"object"!=typeof e)return;return e=e[n[n.length-1]]}}e.exports={getConfiguration:r}},{}],3:[function(t,e,n){var r=!1;try{var i=Object.defineProperty({},"passive",{get:function(){r=!0}});window.addEventListener("testPassive",null,i),window.removeEventListener("testPassive",null,i)}catch(o){}e.exports=function(t){return r?{passive:!0,capture:!!t}:!!t}},{}],4:[function(t,e,n){function r(t,e){var n=[a,t,{name:t},e];return o("storeMetric",n,null,"api"),n}function i(t,e){var n=[c,t,{name:t},e];return o("storeEventMetrics",n,null,"api"),n}var o=t("handle"),a="sm",c="cm";e.exports={constants:{SUPPORTABILITY_METRIC:a,CUSTOM_METRIC:c},recordSupportability:r,recordCustom:i}},{}],5:[function(t,e,n){function r(){return c.exists&&performance.now?Math.round(performance.now()):(o=Math.max((new Date).getTime(),o))-a}function i(){return o}var o=(new Date).getTime(),a=o,c=t(12);e.exports=r,e.exports.offset=a,e.exports.getLastTimestamp=i},{}],6:[function(t,e,n){function r(t){return!(!t||!t.protocol||"file:"===t.protocol)}e.exports=r},{}],7:[function(t,e,n){function r(t,e){var n=t.getEntries();n.forEach(function(t){"first-paint"===t.name?p("timing",["fp",Math.floor(t.startTime)]):"first-contentful-paint"===t.name&&p("timing",["fcp",Math.floor(t.startTime)])})}function i(t,e){var n=t.getEntries();if(n.length>0){var r=n[n.length-1];if(f&&f<r.startTime)return;p("lcp",[r])}}function o(t){t.getEntries().forEach(function(t){t.hadRecentInput||p("cls",[t])})}function a(t){if(t instanceof g&&!y){var e=Math.round(t.timeStamp),n={type:t.type};e<=l.now()?n.fid=l.now()-e:e>l.offset&&e<=Date.now()?(e-=l.offset,n.fid=l.now()-e):e=l.now(),y=!0,p("timing",["fi",e,n])}}function c(t){"hidden"===t&&(f=l.now(),p("pageHide",[f]))}if(!("init"in NREUM&&"page_view_timing"in NREUM.init&&"enabled"in NREUM.init.page_view_timing&&NREUM.init.page_view_timing.enabled===!1)){var f,u,s,d,p=t("handle"),l=t("loader"),v=t(9),m=t(3),g=NREUM.o.EV;if("PerformanceObserver"in window&&"function"==typeof window.PerformanceObserver){u=new PerformanceObserver(r);try{u.observe({entryTypes:["paint"]})}catch(h){}s=new PerformanceObserver(i);try{s.observe({entryTypes:["largest-contentful-paint"]})}catch(h){}d=new PerformanceObserver(o);try{d.observe({type:"layout-shift",buffered:!0})}catch(h){}}if("addEventListener"in document){var y=!1,w=["click","keydown","mousedown","pointerdown","touchstart"];w.forEach(function(t){document.addEventListener(t,a,m(!1))})}v(c)}},{}],8:[function(t,e,n){function r(t,e){if(!i)return!1;if(t!==i)return!1;if(!e)return!0;if(!o)return!1;for(var n=o.split("."),r=e.split("."),a=0;a<r.length;a++)if(r[a]!==n[a])return!1;return!0}var i=null,o=null,a=/Version\/(\S+)\s+Safari/;if(navigator.userAgent){var c=navigator.userAgent,f=c.match(a);f&&c.indexOf("Chrome")===-1&&c.indexOf("Chromium")===-1&&(i="Safari",o=f[1])}e.exports={agent:i,version:o,match:r}},{}],9:[function(t,e,n){function r(t){function e(){t(c&&document[c]?document[c]:document[o]?"hidden":"visible")}"addEventListener"in document&&a&&document.addEventListener(a,e,i(!1))}var i=t(3);e.exports=r;var o,a,c;"undefined"!=typeof document.hidden?(o="hidden",a="visibilitychange",c="visibilityState"):"undefined"!=typeof document.msHidden?(o="msHidden",a="msvisibilitychange"):"undefined"!=typeof document.webkitHidden&&(o="webkitHidden",a="webkitvisibilitychange",c="webkitVisibilityState")},{}],10:[function(t,e,n){function r(t,e){var n=[],r="",o=0;for(r in t)i.call(t,r)&&(n[o]=e(r,t[r]),o+=1);return n}var i=Object.prototype.hasOwnProperty;e.exports=r},{}],11:[function(t,e,n){function r(t,e,n){e||(e=0),"undefined"==typeof n&&(n=t?t.length:0);for(var r=-1,i=n-e||0,o=Array(i<0?0:i);++r<i;)o[r]=t[e+r];return o}e.exports=r},{}],12:[function(t,e,n){e.exports={exists:"undefined"!=typeof window.performance&&window.performance.timing&&"undefined"!=typeof window.performance.timing.navigationStart}},{}],ee:[function(t,e,n){function r(){}function i(t){function e(t){return t&&t instanceof r?t:t?u(t,f,a):a()}function n(n,r,i,o,a){if(a!==!1&&(a=!0),!l.aborted||o){t&&a&&t(n,r,i);for(var c=e(i),f=m(n),u=f.length,s=0;s<u;s++)f[s].apply(c,r);var p=d[w[n]];return p&&p.push([b,n,r,c]),c}}function o(t,e){y[t]=m(t).concat(e)}function v(t,e){var n=y[t];if(n)for(var r=0;r<n.length;r++)n[r]===e&&n.splice(r,1)}function m(t){return y[t]||[]}function g(t){return p[t]=p[t]||i(n)}function h(t,e){l.aborted||s(t,function(t,n){e=e||"feature",w[n]=e,e in d||(d[e]=[])})}var y={},w={},b={on:o,addEventListener:o,removeEventListener:v,emit:n,get:g,listeners:m,context:e,buffer:h,abort:c,aborted:!1};return b}function o(t){return u(t,f,a)}function a(){return new r}function c(){(d.api||d.feature)&&(l.aborted=!0,d=l.backlog={})}var f="nr@context",u=t("gos"),s=t(10),d={},p={},l=e.exports=i();e.exports.getOrSetContext=o,l.backlog=d},{}],gos:[function(t,e,n){function r(t,e,n){if(i.call(t,e))return t[e];var r=n();if(Object.defineProperty&&Object.keys)try{return Object.defineProperty(t,e,{value:r,writable:!0,enumerable:!1}),r}catch(o){}return t[e]=r,r}var i=Object.prototype.hasOwnProperty;e.exports=r},{}],handle:[function(t,e,n){function r(t,e,n,r){i.buffer([t],r),i.emit(t,e,n)}var i=t("ee").get("handle");e.exports=r,r.ee=i},{}],id:[function(t,e,n){function r(t){var e=typeof t;return!t||"object"!==e&&"function"!==e?-1:t===window?0:a(t,o,function(){return i++})}var i=1,o="nr@id",a=t("gos");e.exports=r},{}],loader:[function(t,e,n){function r(){if(!T++){var t=P.info=NREUM.info,e=g.getElementsByTagName("script")[0];if(setTimeout(u.abort,3e4),!(t&&t.licenseKey&&t.applicationID&&e))return u.abort();f(O,function(e,n){t[e]||(t[e]=n)});var n=a();c("mark",["onload",n+P.offset],null,"api"),c("timing",["load",n]);var r=g.createElement("script");0===t.agent.indexOf("http://")||0===t.agent.indexOf("https://")?r.src=t.agent:r.src=v+"://"+t.agent,e.parentNode.insertBefore(r,e)}}function i(){"complete"===g.readyState&&o()}function o(){c("mark",["domContent",a()+P.offset],null,"api")}var a=t(5),c=t("handle"),f=t(10),u=t("ee"),s=t(8),d=t(6),p=t(2),l=t(3),v=p.getConfiguration("ssl")===!1?"http":"https",m=window,g=m.document,h="addEventListener",y="attachEvent",w=m.XMLHttpRequest,b=w&&w.prototype,E=!d(m.location);NREUM.o={ST:setTimeout,SI:m.setImmediate,CT:clearTimeout,XHR:w,REQ:m.Request,EV:m.Event,PR:m.Promise,MO:m.MutationObserver};var x=""+location,O={beacon:"bam.nr-data.net",errorBeacon:"bam.nr-data.net",agent:"js-agent.newrelic.com/nr-1212.min.js"},M=w&&b&&b[h]&&!/CriOS/.test(navigator.userAgent),P=e.exports={offset:a.getLastTimestamp(),now:a,origin:x,features:{},xhrWrappable:M,userAgent:s,disabled:E};if(!E){t(1),t(7),g[h]?(g[h]("DOMContentLoaded",o,l(!1)),m[h]("load",r,l(!1))):(g[y]("onreadystatechange",i),m[y]("onload",r)),c("mark",["firstbyte",a.getLastTimestamp()],null,"api");var T=0}},{}],"wrap-function":[function(t,e,n){function r(t,e){function n(e,n,r,f,u){function nrWrapper(){var o,a,s,p;try{a=this,o=d(arguments),s="function"==typeof r?r(o,a):r||{}}catch(l){i([l,"",[o,a,f],s],t)}c(n+"start",[o,a,f],s,u);try{return p=e.apply(a,o)}catch(v){throw c(n+"err",[o,a,v],s,u),v}finally{c(n+"end",[o,a,p],s,u)}}return a(e)?e:(n||(n=""),nrWrapper[p]=e,o(e,nrWrapper,t),nrWrapper)}function r(t,e,r,i,o){r||(r="");var c,f,u,s="-"===r.charAt(0);for(u=0;u<e.length;u++)f=e[u],c=t[f],a(c)||(t[f]=n(c,s?f+r:r,i,f,o))}function c(n,r,o,a){if(!v||e){var c=v;v=!0;try{t.emit(n,r,o,e,a)}catch(f){i([f,n,r,o],t)}v=c}}return t||(t=s),n.inPlace=r,n.flag=p,n}function i(t,e){e||(e=s);try{e.emit("internal-error",t)}catch(n){}}function o(t,e,n){if(Object.defineProperty&&Object.keys)try{var r=Object.keys(t);return r.forEach(function(n){Object.defineProperty(e,n,{get:function(){return t[n]},set:function(e){return t[n]=e,e}})}),e}catch(o){i([o],n)}for(var a in t)l.call(t,a)&&(e[a]=t[a]);return e}function a(t){return!(t&&t instanceof Function&&t.apply&&!t[p])}function c(t,e){var n=e(t);return n[p]=t,o(t,n,s),n}function f(t,e,n){var r=t[e];t[e]=c(r,n)}function u(){for(var t=arguments.length,e=new Array(t),n=0;n<t;++n)e[n]=arguments[n];return e}var s=t("ee"),d=t(11),p="nr@original",l=Object.prototype.hasOwnProperty,v=!1;e.exports=r,e.exports.wrapFunction=c,e.exports.wrapInPlace=f,e.exports.argsToArray=u},{}]},{},["loader"]);</script> <title>Themes</title> <link rel="stylesheet" media="all" href="https://web.archive.org/web/20211124140409cs_/https://github-atom-io-herokuapp-com.freetls.fastly.net/assets/application-fdd7f7650d8faa2d8ab54247e8408a2793f8123feccb414c159dbc4f0af7987f.css" data-turbolinks-track="true"/> <script src="https://web.archive.org/web/20211124140409js_/https://github-atom-io-herokuapp-com.freetls.fastly.net/assets/application-df4a23a8a3624a91d7e68c86a8999ec8742ac4a8afd3eddaee8fc2f99e8e9cd5.js" data-turbolinks-track="true"></script> <meta name="csrf-param" content="authenticity_token"/> <meta name="csrf-token" content="nJ4qa8LJ4ZsA627TotekmbmkzEL9ZJcwcFbgZB/DoDNUBaoF0/tSN5xUM+XtV4ibNT8z9x5GRdqe0yZOjUc5tg=="/> <meta property="og:url" content="https://web.archive.org/web/20211124140409/https://atom.io/"/> <meta property="og:site_name" content="Atom"/> <meta property="og:title" content="A hackable text editor for the 21st Century"/> <meta property="og:description" content="At GitHub, we’re building the text editor we’ve always wanted: hackable to the core, but approachable on the first day without ever touching a config file. We can’t wait to see what you build with it."/> <meta property="og:type" content="website"/> <meta property="og:author" content="https://www.facebook.com/GitHub"/> <meta property="og:image" content="https://web.archive.org/web/20211124140409im_/http://og.github.com/atom-mark/atom-mark@1200x630.png"/> <meta property="og:image:width" content="1200"/> <meta property="og:image:height" content="630"/> <meta property="twitter:card" content="summary_large_image"/> <meta property="twitter:site" content="@AtomEditor"/> <meta property="twitter:creator" content="@github"/> <meta property="twitter:title" content="Atom"/> <meta property="twitter:description" content="A hackable text editor for the 21st Century"/> <meta property="twitter:image:src" content="https://web.archive.org/web/20211124140409im_/http://og.github.com/atom-logo/atom-logo@1200x630.png"/> <meta property="twitter:image:width" content="1200"/> <meta property="twitter:image:height" content="630"/> <meta name="description" content="At GitHub, we’re building the text editor we’ve always wanted: hackable to the core, but approachable on the first day without ever touching a config file. We can’t wait to see what you build with it."/> <meta name="google-site-verification" content="c1kuD-K2HIVF635lypcsWPoD4kilo5-jA_wBFyT4uMY"/> <link rel="shortcut icon" href="/web/20211124140409im_/https://atom.io/favicon.ico"/> <link rel="alternate" type="application/atom+xml" title="Atom Packages and Themes" href="https://web.archive.org/web/20211124140409/https://atom.io/packages.atom"/> </head> <body class=""> <div class="footer-push"> <nav class="top-bar" aria-label="Primary"> <div class="wrapper no-pad"> <ul class="navigation"> <li><h1><a href="/web/20211124140409/https://atom.io/" class="logo-small" title="Atom: A hackable text editor for the 21st Century"></a></h1></li> <li><a class="" href="/web/20211124140409/https://atom.io/packages">Packages</a></li> <li><a class="is-selected" href="/web/20211124140409/https://atom.io/themes">Themes</a></li> <li><a class="" href="/web/20211124140409/https://atom.io/docs">Documentation</a></li> <li><a href="https://web.archive.org/web/20211124140409/https://blog.atom.io/">Blog</a></li> <li><a href="https://web.archive.org/web/20211124140409/https://github.com/atom/atom/discussions">Discussions</a></li> </ul> <div class="top-bar-right"> <a href="/web/20211124140409/https://atom.io/login?last_url=%2Fthemes"> <span class="octicon octicon-log-in"></span> Sign in </a> </div> </div> </nav> <div id="js-pjax-container"> <div class="wrapper content-push themes"> <h2 class="center index-title">Pick your favorite flavor of Atom.</h2> <form class="search-form" action="/web/20211124140409/https://atom.io/themes/search" accept-charset="UTF-8" method="get"><input name="utf8" type="hidden" value="✓"/> <input type="search" name="q" class="search-input" placeholder="Search 3,188 themes"/> <input type="submit" class="button search-button" value="Search"/> </form> <div class="package-list featured"> <div class="package-list-header"> <h3 class="package-list-title"> <span class="mega-octicon octicon-megaphone"></span> Featured </h3> </div> <div class="halves"> <div class="grid-cell"> <div class="package-card card"> <div class="body css-truncate"> <h4 class="card-name"> <span class="css-truncate-target"><a href="/web/20211124140409/https://atom.io/themes/atom-material-ui">atom-material-ui</a></span> </h4> <span class="css-truncate-target card-description">A dynamic UI theme for Atom that follows Google's Material Design Guidelines</span> <ul class="keywords"> <li><a href="/web/20211124140409/https://atom.io/themes/search?utf8=✓&q=keyword:ui" title="Keyword: #ui">#ui</a></li> <li><a href="/web/20211124140409/https://atom.io/themes/search?utf8=✓&q=keyword:theme" title="Keyword: #theme">#theme</a></li> <li><a href="/web/20211124140409/https://atom.io/themes/search?utf8=✓&q=keyword:material" title="Keyword: #material">#material</a></li> <li><a href="/web/20211124140409/https://atom.io/themes/search?utf8=✓&q=keyword:md" title="Keyword: #md">#md</a></li> <li><a href="/web/20211124140409/https://atom.io/themes/search?utf8=✓&q=keyword:dynamic" title="Keyword: #dynamic">#dynamic</a></li> </ul> </div> <div class="meta"> <a href="/web/20211124140409/https://atom.io/users/atom-material"> <img src="https://web.archive.org/web/20211124140409im_/https://github.com/atom-material.png" alt="" class="gravatar"/> </a> <a href="/web/20211124140409/https://atom.io/users/atom-material" class="author"> atom-material </a> <div class="meta-right"> <span class="stat tooltipped tooltipped-n" aria-label="2,439,847 downloads"> <span class="octicon octicon-cloud-download"></span> <span class="value">2,439,847</span> </span> <span class="js-star-wrap"> <div class="star-box tooltipped tooltipped-nw" aria-label="You must be signed in to star packages"> <a href="/web/20211124140409/https://atom.io/packages/atom-material-ui/star" class="js-star-button star-button minibutton with-count disabled " data-skip-pjax aria-label="Star atom-material-ui"> <span class="octicon octicon-star"></span> </a> <a class="social-count" href="/web/20211124140409/https://atom.io/packages/atom-material-ui/stargazers" aria-label="1755 users starred atom-material-ui"> 1755 </a> </div> </span> <a class="card-install-button minibutton " href="https://web.archive.org/web/20211124140409/atom://settings-view/show-package?package=atom-material-ui"><span class="octicon octicon-cloud-download"></span> Install</a> <div style="display: none;" class="modal-download-atom"> <h4>Launching Atom...</h4> <p>If nothing happens, <a href="/web/20211124140409/https://atom.io/">download Atom</a> and try again.</p> <button class="card-install-button-close"><span class="octicon octicon-x"></span></button> </div> </div>  </div>  </div> </div> <div class="grid-cell"> <div class="package-card card"> <div class="body css-truncate"> <h4 class="card-name"> <span class="css-truncate-target"><a href="/web/20211124140409/https://atom.io/themes/atom-material-syntax">atom-material-syntax</a></span> </h4> <span class="css-truncate-target card-description">A dark syntax theme for Atom that uses Google's Material Design color palette</span> <ul class="keywords"> <li><a href="/web/20211124140409/https://atom.io/themes/search?utf8=✓&q=keyword:syntax" title="Keyword: #syntax">#syntax</a></li> <li><a href="/web/20211124140409/https://atom.io/themes/search?utf8=✓&q=keyword:theme" title="Keyword: #theme">#theme</a></li> <li><a href="/web/20211124140409/https://atom.io/themes/search?utf8=✓&q=keyword:material" title="Keyword: #material">#material</a></li> <li><a href="/web/20211124140409/https://atom.io/themes/search?utf8=✓&q=keyword:material design" title="Keyword: #material design">#material design</a></li> </ul> </div> <div class="meta"> <a href="/web/20211124140409/https://atom.io/users/atom-material"> <img src="https://web.archive.org/web/20211124140409im_/https://github.com/atom-material.png" alt="" class="gravatar"/> </a> <a href="/web/20211124140409/https://atom.io/users/atom-material" class="author"> atom-material </a> <div class="meta-right"> <span class="stat tooltipped tooltipped-n" aria-label="1,686,323 downloads"> <span class="octicon octicon-cloud-download"></span> <span class="value">1,686,323</span> </span> <span class="js-star-wrap"> <div class="star-box tooltipped tooltipped-nw" aria-label="You must be signed in to star packages"> <a href="/web/20211124140409/https://atom.io/packages/atom-material-syntax/star" class="js-star-button star-button minibutton with-count disabled " data-skip-pjax aria-label="Star atom-material-syntax"> <span class="octicon octicon-star"></span> </a> <a class="social-count" href="/web/20211124140409/https://atom.io/packages/atom-material-syntax/stargazers" aria-label="1296 users starred atom-material-syntax"> 1296 </a> </div> </span> <a class="card-install-button minibutton " href="https://web.archive.org/web/20211124140409/atom://settings-view/show-package?package=atom-material-syntax"><span class="octicon octicon-cloud-download"></span> Install</a> <div style="display: none;" class="modal-download-atom"> <h4>Launching Atom...</h4> <p>If nothing happens, <a href="/web/20211124140409/https://atom.io/">download Atom</a> and try again.</p> <button class="card-install-button-close"><span class="octicon octicon-x"></span></button> </div> </div>  </div>  </div> </div> </div> </div> <div class="package-list trending"> <div class="package-list-header"> <h3 class="package-list-title"> <span class="mega-octicon octicon-flame"></span> Trending <div class="trending-select"> <div class="select-menu js-menu-container js-select-menu "> <a class="js-menu-target" href><span class="js-select-button">this week</span><span class="octicon octicon-triangle-down"></span></a> <div class="select-menu-modal-holder js-menu-content js-navigation-container"> <div class="select-menu-modal"> <div class="select-menu-header"> <span class="select-menu-title">Adjust time span</span> <span class="octicon octicon-remove-close js-menu-close"></span> </div>  <div class="select-menu-list"> <div> <div class="select-menu-item js-navigation-item" data-trending-sort="daily" data-is-theme=""true""> <span class="select-menu-item-icon octicon octicon-check"></span> <div class="select-menu-item-text js-select-button-text">today</div> </div>  <div class="select-menu-item js-navigation-item selected" data-trending-sort="weekly" data-is-theme=""true""> <span class="select-menu-item-icon octicon octicon-check"></span> <div class="select-menu-item-text js-select-button-text">this week</div> </div>  <div class="select-menu-item js-navigation-item" data-trending-sort="monthly" data-is-theme=""true""> <span class="select-menu-item-icon octicon octicon-check"></span> <div class="select-menu-item-text js-select-button-text">this month</div> </div>  </div> </div>  </div>  </div>  </div>  </div> </h3> </div> <div class="loading-overlay"></div> <div class="trending-packages halves"> <div class="grid-cell"> <div class="package-card card"> <div class="body css-truncate"> <h4 class="card-name"> <span class="css-truncate-target"><a href="/web/20211124140409/https://atom.io/themes/atom-material-ui">atom-material-ui</a></span> </h4> <span class="css-truncate-target card-description">A dynamic UI theme for Atom that follows Google's Material Design Guidelines</span> <ul class="keywords"> <li><a href="/web/20211124140409/https://atom.io/themes/search?utf8=✓&q=keyword:ui" title="Keyword: #ui">#ui</a></li> <li><a href="/web/20211124140409/https://atom.io/themes/search?utf8=✓&q=keyword:theme" title="Keyword: #theme">#theme</a></li> <li><a href="/web/20211124140409/https://atom.io/themes/search?utf8=✓&q=keyword:material" title="Keyword: #material">#material</a></li> <li><a href="/web/20211124140409/https://atom.io/themes/search?utf8=✓&q=keyword:md" title="Keyword: #md">#md</a></li> <li><a href="/web/20211124140409/https://atom.io/themes/search?utf8=✓&q=keyword:dynamic" title="Keyword: #dynamic">#dynamic</a></li> </ul> </div> <div class="meta"> <a href="/web/20211124140409/https://atom.io/users/atom-material"> <img src="https://web.archive.org/web/20211124140409im_/https://github.com/atom-material.png" alt="" class="gravatar"/> </a> <a href="/web/20211124140409/https://atom.io/users/atom-material" class="author"> atom-material </a> <div class="meta-right"> <span class="stat tooltipped tooltipped-n" aria-label="2,439,847 downloads"> <span class="octicon octicon-cloud-download"></span> <span class="value">2,439,847</span> </span> <span class="js-star-wrap"> <div class="star-box tooltipped tooltipped-nw" aria-label="You must be signed in to star packages"> <a href="/web/20211124140409/https://atom.io/packages/atom-material-ui/star" class="js-star-button star-button minibutton with-count disabled " data-skip-pjax aria-label="Star atom-material-ui"> <span class="octicon octicon-star"></span> </a> <a class="social-count" href="/web/20211124140409/https://atom.io/packages/atom-material-ui/stargazers" aria-label="1755 users starred atom-material-ui"> 1755 </a> </div> </span> <a class="card-install-button minibutton " href="https://web.archive.org/web/20211124140409/atom://settings-view/show-package?package=atom-material-ui"><span class="octicon octicon-cloud-download"></span> Install</a> <div style="display: none;" class="modal-download-atom"> <h4>Launching Atom...</h4> <p>If nothing happens, <a href="/web/20211124140409/https://atom.io/">download Atom</a> and try again.</p> <button class="card-install-button-close"><span class="octicon octicon-x"></span></button> </div> </div>  </div>  </div> </div> <div class="grid-cell"> <div class="package-card card"> <div class="body css-truncate"> <h4 class="card-name"> <span class="css-truncate-target"><a href="/web/20211124140409/https://atom.io/themes/atom-material-syntax">atom-material-syntax</a></span> </h4> <span class="css-truncate-target card-description">A dark syntax theme for Atom that uses Google's Material Design color palette</span> <ul class="keywords"> <li><a href="/web/20211124140409/https://atom.io/themes/search?utf8=✓&q=keyword:syntax" title="Keyword: #syntax">#syntax</a></li> <li><a href="/web/20211124140409/https://atom.io/themes/search?utf8=✓&q=keyword:theme" title="Keyword: #theme">#theme</a></li> <li><a href="/web/20211124140409/https://atom.io/themes/search?utf8=✓&q=keyword:material" title="Keyword: #material">#material</a></li> <li><a href="/web/20211124140409/https://atom.io/themes/search?utf8=✓&q=keyword:material design" title="Keyword: #material design">#material design</a></li> </ul> </div> <div class="meta"> <a href="/web/20211124140409/https://atom.io/users/atom-material"> <img src="https://web.archive.org/web/20211124140409im_/https://github.com/atom-material.png" alt="" class="gravatar"/> </a> <a href="/web/20211124140409/https://atom.io/users/atom-material" class="author"> atom-material </a> <div class="meta-right"> <span class="stat tooltipped tooltipped-n" aria-label="1,686,323 downloads"> <span class="octicon octicon-cloud-download"></span> <span class="value">1,686,323</span> </span> <span class="js-star-wrap"> <div class="star-box tooltipped tooltipped-nw" aria-label="You must be signed in to star packages"> <a href="/web/20211124140409/https://atom.io/packages/atom-material-syntax/star" class="js-star-button star-button minibutton with-count disabled " data-skip-pjax aria-label="Star atom-material-syntax"> <span class="octicon octicon-star"></span> </a> <a class="social-count" href="/web/20211124140409/https://atom.io/packages/atom-material-syntax/stargazers" aria-label="1296 users starred atom-material-syntax"> 1296 </a> </div> </span> <a class="card-install-button minibutton " href="https://web.archive.org/web/20211124140409/atom://settings-view/show-package?package=atom-material-syntax"><span class="octicon octicon-cloud-download"></span> Install</a> <div style="display: none;" class="modal-download-atom"> <h4>Launching Atom...</h4> <p>If nothing happens, <a href="/web/20211124140409/https://atom.io/">download Atom</a> and try again.</p> <button class="card-install-button-close"><span class="octicon octicon-x"></span></button> </div> </div>  </div>  </div> </div> <div class="grid-cell"> <div class="package-card card"> <div class="body css-truncate"> <h4 class="card-name"> <span class="css-truncate-target"><a href="/web/20211124140409/https://atom.io/themes/monokai">monokai</a></span> </h4> <span class="css-truncate-target card-description">A monokai theme</span> <ul class="keywords"> </ul> </div> <div class="meta"> <a href="/web/20211124140409/https://atom.io/users/kevinsawicki"> <img src="https://web.archive.org/web/20211124140409im_/https://github.com/kevinsawicki.png" alt="" class="gravatar"/> </a> <a href="/web/20211124140409/https://atom.io/users/kevinsawicki" class="author"> kevinsawicki </a> <div class="meta-right"> <span class="stat tooltipped tooltipped-n" aria-label="909,521 downloads"> <span class="octicon octicon-cloud-download"></span> <span class="value">909,521</span> </span> <span class="js-star-wrap"> <div class="star-box tooltipped tooltipped-nw" aria-label="You must be signed in to star packages"> <a href="/web/20211124140409/https://atom.io/packages/monokai/star" class="js-star-button star-button minibutton with-count disabled " data-skip-pjax aria-label="Star monokai"> <span class="octicon octicon-star"></span> </a> <a class="social-count" href="/web/20211124140409/https://atom.io/packages/monokai/stargazers" aria-label="1150 users starred monokai"> 1150 </a> </div> </span> <a class="card-install-button minibutton " href="https://web.archive.org/web/20211124140409/atom://settings-view/show-package?package=monokai"><span class="octicon octicon-cloud-download"></span> Install</a> <div style="display: none;" class="modal-download-atom"> <h4>Launching Atom...</h4> <p>If nothing happens, <a href="/web/20211124140409/https://atom.io/">download Atom</a> and try again.</p> <button class="card-install-button-close"><span class="octicon octicon-x"></span></button> </div> </div>  </div>  </div> </div> <div class="grid-cell"> <div class="package-card card"> <div class="body css-truncate"> <h4 class="card-name"> <span class="css-truncate-target"><a href="/web/20211124140409/https://atom.io/themes/dracula-ui">dracula-ui</a></span> </h4> <span class="css-truncate-target card-description">dracula UI theme for Atom</span> <ul class="keywords"> </ul> </div> <div class="meta"> <a href="/web/20211124140409/https://atom.io/users/dracula"> <img src="https://web.archive.org/web/20211124140409im_/https://github.com/dracula.png" alt="" class="gravatar"/> </a> <a href="/web/20211124140409/https://atom.io/users/dracula" class="author"> dracula </a> <div class="meta-right"> <span class="stat tooltipped tooltipped-n" aria-label="100,499 downloads"> <span class="octicon octicon-cloud-download"></span> <span class="value">100,499</span> </span> <span class="js-star-wrap"> <div class="star-box tooltipped tooltipped-nw" aria-label="You must be signed in to star packages"> <a href="/web/20211124140409/https://atom.io/packages/dracula-ui/star" class="js-star-button star-button minibutton with-count disabled " data-skip-pjax aria-label="Star dracula-ui"> <span class="octicon octicon-star"></span> </a> <a class="social-count" href="/web/20211124140409/https://atom.io/packages/dracula-ui/stargazers" aria-label="47 users starred dracula-ui"> 47 </a> </div> </span> <a class="card-install-button minibutton " href="https://web.archive.org/web/20211124140409/atom://settings-view/show-package?package=dracula-ui"><span class="octicon octicon-cloud-download"></span> Install</a> <div style="display: none;" class="modal-download-atom"> <h4>Launching Atom...</h4> <p>If nothing happens, <a href="/web/20211124140409/https://atom.io/">download Atom</a> and try again.</p> <button class="card-install-button-close"><span class="octicon octicon-x"></span></button> </div> </div>  </div>  </div> </div> <div class="grid-cell"> <div class="package-card card"> <div class="body css-truncate"> <h4 class="card-name"> <span class="css-truncate-target"><a href="/web/20211124140409/https://atom.io/themes/dracula-syntax">dracula-syntax</a></span> </h4> <span class="css-truncate-target card-description">A dark syntax theme for Atom</span> <ul class="keywords"> </ul> </div> <div class="meta"> <a href="/web/20211124140409/https://atom.io/users/dracula"> <img src="https://web.archive.org/web/20211124140409im_/https://github.com/dracula.png" alt="" class="gravatar"/> </a> <a href="/web/20211124140409/https://atom.io/users/dracula" class="author"> dracula </a> <div class="meta-right"> <span class="stat tooltipped tooltipped-n" aria-label="256,857 downloads"> <span class="octicon octicon-cloud-download"></span> <span class="value">256,857</span> </span> <span class="js-star-wrap"> <div class="star-box tooltipped tooltipped-nw" aria-label="You must be signed in to star packages"> <a href="/web/20211124140409/https://atom.io/packages/dracula-syntax/star" class="js-star-button star-button minibutton with-count disabled " data-skip-pjax aria-label="Star dracula-syntax"> <span class="octicon octicon-star"></span> </a> <a class="social-count" href="/web/20211124140409/https://atom.io/packages/dracula-syntax/stargazers" aria-label="123 users starred dracula-syntax"> 123 </a> </div> </span> <a class="card-install-button minibutton " href="https://web.archive.org/web/20211124140409/atom://settings-view/show-package?package=dracula-syntax"><span class="octicon octicon-cloud-download"></span> Install</a> <div style="display: none;" class="modal-download-atom"> <h4>Launching Atom...</h4> <p>If nothing happens, <a href="/web/20211124140409/https://atom.io/">download Atom</a> and try again.</p> <button class="card-install-button-close"><span class="octicon octicon-x"></span></button> </div> </div>  </div>  </div> </div> <div class="grid-cell"> <div class="package-card card"> <div class="body css-truncate"> <h4 class="card-name"> <span class="css-truncate-target"><a href="/web/20211124140409/https://atom.io/themes/seti-ui">seti-ui</a></span> </h4> <span class="css-truncate-target card-description">A dark colored UI theme for Atom with custom file icons.</span> <ul class="keywords"> </ul> </div> <div class="meta"> <a href="/web/20211124140409/https://atom.io/users/jesseweed"> <img src="https://web.archive.org/web/20211124140409im_/https://github.com/jesseweed.png" alt="" class="gravatar"/> </a> <a href="/web/20211124140409/https://atom.io/users/jesseweed" class="author"> jesseweed </a> <div class="meta-right"> <span class="stat tooltipped tooltipped-n" aria-label="869,655 downloads"> <span class="octicon octicon-cloud-download"></span> <span class="value">869,655</span> </span> <span class="js-star-wrap"> <div class="star-box tooltipped tooltipped-nw" aria-label="You must be signed in to star packages"> <a href="/web/20211124140409/https://atom.io/packages/seti-ui/star" class="js-star-button star-button minibutton with-count disabled " data-skip-pjax aria-label="Star seti-ui"> <span class="octicon octicon-star"></span> </a> <a class="social-count" href="/web/20211124140409/https://atom.io/packages/seti-ui/stargazers" aria-label="656 users starred seti-ui"> 656 </a> </div> </span> <a class="card-install-button minibutton " href="https://web.archive.org/web/20211124140409/atom://settings-view/show-package?package=seti-ui"><span class="octicon octicon-cloud-download"></span> Install</a> <div style="display: none;" class="modal-download-atom"> <h4>Launching Atom...</h4> <p>If nothing happens, <a href="/web/20211124140409/https://atom.io/">download Atom</a> and try again.</p> <button class="card-install-button-close"><span class="octicon octicon-x"></span></button> </div> </div>  </div>  </div> </div> </div> </div> <div class="package-list newest"> <div class="package-list-header"> <h3 class="package-list-title"> <span class="mega-octicon octicon-clock"></span> Newest <a href="/web/20211124140409/https://atom.io/themes/list?sort=created_at&direction=desc" class="package-list-see-all" aria-label="See all newest">See all <span class="octicon octicon-chevron-right"></span></a> </h3> </div> <div class="halves"> <div class="grid-cell"> <div class="package-card card"> <div class="body css-truncate"> <h4 class="card-name"> <span class="css-truncate-target"><a href="/web/20211124140409/https://atom.io/themes/mechanicus-syntax">mechanicus-syntax</a></span> </h4> <span class="css-truncate-target card-description">A camouflage looking theme, because code is never quite the way it seems.</span> <ul class="keywords"> <li><a href="/web/20211124140409/https://atom.io/themes/search?utf8=✓&q=keyword:syntax" title="Keyword: #syntax">#syntax</a></li> <li><a href="/web/20211124140409/https://atom.io/themes/search?utf8=✓&q=keyword:theme" title="Keyword: #theme">#theme</a></li> </ul> </div> <div class="meta"> <a href="/web/20211124140409/https://atom.io/users/IneptusMechanicus"> <img src="https://web.archive.org/web/20211124140409im_/https://github.com/IneptusMechanicus.png" alt="" class="gravatar"/> </a> <a href="/web/20211124140409/https://atom.io/users/IneptusMechanicus" class="author"> IneptusMechanicus </a> <div class="meta-right"> <span class="stat tooltipped tooltipped-n" aria-label="28 downloads"> <span class="octicon octicon-cloud-download"></span> <span class="value">28</span> </span> <span class="js-star-wrap"> <div class="star-box tooltipped tooltipped-nw" aria-label="You must be signed in to star packages"> <a href="/web/20211124140409/https://atom.io/packages/mechanicus-syntax/star" class="js-star-button star-button minibutton with-count disabled " data-skip-pjax aria-label="Star mechanicus-syntax"> <span class="octicon octicon-star"></span> </a> <a class="social-count" href="/web/20211124140409/https://atom.io/packages/mechanicus-syntax/stargazers" aria-label="0 users starred mechanicus-syntax"> 0 </a> </div> </span> <a class="card-install-button minibutton " href="https://web.archive.org/web/20211124140409/atom://settings-view/show-package?package=mechanicus-syntax"><span class="octicon octicon-cloud-download"></span> Install</a> <div style="display: none;" class="modal-download-atom"> <h4>Launching Atom...</h4> <p>If nothing happens, <a href="/web/20211124140409/https://atom.io/">download Atom</a> and try again.</p> <button class="card-install-button-close"><span class="octicon octicon-x"></span></button> </div> </div>  </div>  </div> </div> <div class="grid-cell"> <div class="package-card card"> <div class="body css-truncate"> <h4 class="card-name"> <span class="css-truncate-target"><a href="/web/20211124140409/https://atom.io/themes/zeus-syntax">zeus-syntax</a></span> </h4> <span class="css-truncate-target card-description">The perfect syntax theme for esoteric codenights!</span> <ul class="keywords"> <li><a href="/web/20211124140409/https://atom.io/themes/search?utf8=✓&q=keyword:syntax" title="Keyword: #syntax">#syntax</a></li> <li><a href="/web/20211124140409/https://atom.io/themes/search?utf8=✓&q=keyword:theme" title="Keyword: #theme">#theme</a></li> <li><a href="/web/20211124140409/https://atom.io/themes/search?utf8=✓&q=keyword:zeus" title="Keyword: #zeus">#zeus</a></li> <li><a href="/web/20211124140409/https://atom.io/themes/search?utf8=✓&q=keyword:orange" title="Keyword: #orange">#orange</a></li> <li><a href="/web/20211124140409/https://atom.io/themes/search?utf8=✓&q=keyword:esoteric" title="Keyword: #esoteric">#esoteric</a></li> </ul> </div> <div class="meta"> <a href="/web/20211124140409/https://atom.io/users/jay-tux"> <img src="https://web.archive.org/web/20211124140409im_/https://github.com/jay-tux.png" alt="" class="gravatar"/> </a> <a href="/web/20211124140409/https://atom.io/users/jay-tux" class="author"> jay-tux </a> <div class="meta-right"> <span class="stat tooltipped tooltipped-n" aria-label="60 downloads"> <span class="octicon octicon-cloud-download"></span> <span class="value">60</span> </span> <span class="js-star-wrap"> <div class="star-box tooltipped tooltipped-nw" aria-label="You must be signed in to star packages"> <a href="/web/20211124140409/https://atom.io/packages/zeus-syntax/star" class="js-star-button star-button minibutton with-count disabled " data-skip-pjax aria-label="Star zeus-syntax"> <span class="octicon octicon-star"></span> </a> <a class="social-count" href="/web/20211124140409/https://atom.io/packages/zeus-syntax/stargazers" aria-label="0 users starred zeus-syntax"> 0 </a> </div> </span> <a class="card-install-button minibutton " href="https://web.archive.org/web/20211124140409/atom://settings-view/show-package?package=zeus-syntax"><span class="octicon octicon-cloud-download"></span> Install</a> <div style="display: none;" class="modal-download-atom"> <h4>Launching Atom...</h4> <p>If nothing happens, <a href="/web/20211124140409/https://atom.io/">download Atom</a> and try again.</p> <button class="card-install-button-close"><span class="octicon octicon-x"></span></button> </div> </div>  </div>  </div> </div> <div class="grid-cell"> <div class="package-card card"> <div class="body css-truncate"> <h4 class="card-name"> <span class="css-truncate-target"><a href="/web/20211124140409/https://atom.io/themes/warm-darker-syntax">warm-darker-syntax</a></span> </h4> <span class="css-truncate-target card-description">A warm dark syntax theme based on Warm Dark Syntax featuring darker background colors and modified syntax colors. Designed to work with One Dark UI</span> <ul class="keywords"> <li><a href="/web/20211124140409/https://atom.io/themes/search?utf8=✓&q=keyword:dark" title="Keyword: #dark">#dark</a></li> <li><a href="/web/20211124140409/https://atom.io/themes/search?utf8=✓&q=keyword:warm" title="Keyword: #warm">#warm</a></li> <li><a href="/web/20211124140409/https://atom.io/themes/search?utf8=✓&q=keyword:syntax" title="Keyword: #syntax">#syntax</a></li> <li><a href="/web/20211124140409/https://atom.io/themes/search?utf8=✓&q=keyword:theme" title="Keyword: #theme">#theme</a></li> </ul> </div> <div class="meta"> <a href="/web/20211124140409/https://atom.io/users/mgeck64"> <img src="https://web.archive.org/web/20211124140409im_/https://github.com/mgeck64.png" alt="" class="gravatar"/> </a> <a href="/web/20211124140409/https://atom.io/users/mgeck64" class="author"> mgeck64 </a> <div class="meta-right"> <span class="stat tooltipped tooltipped-n" aria-label="73 downloads"> <span class="octicon octicon-cloud-download"></span> <span class="value">73</span> </span> <span class="js-star-wrap"> <div class="star-box tooltipped tooltipped-nw" aria-label="You must be signed in to star packages"> <a href="/web/20211124140409/https://atom.io/packages/warm-darker-syntax/star" class="js-star-button star-button minibutton with-count disabled " data-skip-pjax aria-label="Star warm-darker-syntax"> <span class="octicon octicon-star"></span> </a> <a class="social-count" href="/web/20211124140409/https://atom.io/packages/warm-darker-syntax/stargazers" aria-label="0 users starred warm-darker-syntax"> 0 </a> </div> </span> <a class="card-install-button minibutton " href="https://web.archive.org/web/20211124140409/atom://settings-view/show-package?package=warm-darker-syntax"><span class="octicon octicon-cloud-download"></span> Install</a> <div style="display: none;" class="modal-download-atom"> <h4>Launching Atom...</h4> <p>If nothing happens, <a href="/web/20211124140409/https://atom.io/">download Atom</a> and try again.</p> <button class="card-install-button-close"><span class="octicon octicon-x"></span></button> </div> </div>  </div>  </div> </div> <div class="grid-cell"> <div class="package-card card"> <div class="body css-truncate"> <h4 class="card-name"> <span class="css-truncate-target"><a href="/web/20211124140409/https://atom.io/themes/base16-tomorrow-dark-warm">base16-tomorrow-dark-warm</a></span> </h4> <span class="css-truncate-target card-description">Base16 dark syntax theme, modified from base16-tomorrow-dark-theme with warmer but mostly very dark background colors. Designed to work with One Dark UI theme</span> <ul class="keywords"> <li><a href="/web/20211124140409/https://atom.io/themes/search?utf8=✓&q=keyword:base16" title="Keyword: #base16">#base16</a></li> <li><a href="/web/20211124140409/https://atom.io/themes/search?utf8=✓&q=keyword:dark" title="Keyword: #dark">#dark</a></li> <li><a href="/web/20211124140409/https://atom.io/themes/search?utf8=✓&q=keyword:syntax" title="Keyword: #syntax">#syntax</a></li> </ul> </div> <div class="meta"> <a href="/web/20211124140409/https://atom.io/users/mgeck64"> <img src="https://web.archive.org/web/20211124140409im_/https://github.com/mgeck64.png" alt="" class="gravatar"/> </a> <a href="/web/20211124140409/https://atom.io/users/mgeck64" class="author"> mgeck64 </a> <div class="meta-right"> <span class="stat tooltipped tooltipped-n" aria-label="16 downloads"> <span class="octicon octicon-cloud-download"></span> <span class="value">16</span> </span> <span class="js-star-wrap"> <div class="star-box tooltipped tooltipped-nw" aria-label="You must be signed in to star packages"> <a href="/web/20211124140409/https://atom.io/packages/base16-tomorrow-dark-warm/star" class="js-star-button star-button minibutton with-count disabled " data-skip-pjax aria-label="Star base16-tomorrow-dark-warm"> <span class="octicon octicon-star"></span> </a> <a class="social-count" href="/web/20211124140409/https://atom.io/packages/base16-tomorrow-dark-warm/stargazers" aria-label="0 users starred base16-tomorrow-dark-warm"> 0 </a> </div> </span> <a class="card-install-button minibutton " href="https://web.archive.org/web/20211124140409/atom://settings-view/show-package?package=base16-tomorrow-dark-warm"><span class="octicon octicon-cloud-download"></span> Install</a> <div style="display: none;" class="modal-download-atom"> <h4>Launching Atom...</h4> <p>If nothing happens, <a href="/web/20211124140409/https://atom.io/">download Atom</a> and try again.</p> <button class="card-install-button-close"><span class="octicon octicon-x"></span></button> </div> </div>  </div>  </div> </div> <div class="grid-cell"> <div class="package-card card"> <div class="body css-truncate"> <h4 class="card-name"> <span class="css-truncate-target"><a href="/web/20211124140409/https://atom.io/themes/sweet-synthwave-syntax">sweet-synthwave-syntax</a></span> </h4> <span class="css-truncate-target card-description">Sweet Synthwave is a syntax theme based on Outrun color scheme for sublime text and Pink Pansy syntax theme for Atom</span> <ul class="keywords"> <li><a href="/web/20211124140409/https://atom.io/themes/search?utf8=✓&q=keyword:pink" title="Keyword: #pink">#pink</a></li> <li><a href="/web/20211124140409/https://atom.io/themes/search?utf8=✓&q=keyword:purple" title="Keyword: #purple">#purple</a></li> <li><a href="/web/20211124140409/https://atom.io/themes/search?utf8=✓&q=keyword:blue" title="Keyword: #blue">#blue</a></li> <li><a href="/web/20211124140409/https://atom.io/themes/search?utf8=✓&q=keyword:synthwave" title="Keyword: #synthwave">#synthwave</a></li> <li><a href="/web/20211124140409/https://atom.io/themes/search?utf8=✓&q=keyword:vaporwave" title="Keyword: #vaporwave">#vaporwave</a></li> </ul> </div> <div class="meta"> <a href="/web/20211124140409/https://atom.io/users/StephKeys"> <img src="https://web.archive.org/web/20211124140409im_/https://github.com/StephKeys.png" alt="" class="gravatar"/> </a> <a href="/web/20211124140409/https://atom.io/users/StephKeys" class="author"> StephKeys </a> <div class="meta-right"> <span class="stat tooltipped tooltipped-n" aria-label="108 downloads"> <span class="octicon octicon-cloud-download"></span> <span class="value">108</span> </span> <span class="js-star-wrap"> <div class="star-box tooltipped tooltipped-nw" aria-label="You must be signed in to star packages"> <a href="/web/20211124140409/https://atom.io/packages/sweet-synthwave-syntax/star" class="js-star-button star-button minibutton with-count disabled " data-skip-pjax aria-label="Star sweet-synthwave-syntax"> <span class="octicon octicon-star"></span> </a> <a class="social-count" href="/web/20211124140409/https://atom.io/packages/sweet-synthwave-syntax/stargazers" aria-label="1 users starred sweet-synthwave-syntax"> 1 </a> </div> </span> <a class="card-install-button minibutton " href="https://web.archive.org/web/20211124140409/atom://settings-view/show-package?package=sweet-synthwave-syntax"><span class="octicon octicon-cloud-download"></span> Install</a> <div style="display: none;" class="modal-download-atom"> <h4>Launching Atom...</h4> <p>If nothing happens, <a href="/web/20211124140409/https://atom.io/">download Atom</a> and try again.</p> <button class="card-install-button-close"><span class="octicon octicon-x"></span></button> </div> </div>  </div>  </div> </div> <div class="grid-cell"> <div class="package-card card"> <div class="body css-truncate"> <h4 class="card-name"> <span class="css-truncate-target"><a href="/web/20211124140409/https://atom.io/themes/dark-sublime-syntax">dark-sublime-syntax</a></span> </h4> <span class="css-truncate-target card-description">A mashup of rubjo's VS Studio Ultimate Dark Neo and odahcam's Atom Sublime Monokai Syntax themes.</span> <ul class="keywords"> <li><a href="/web/20211124140409/https://atom.io/themes/search?utf8=✓&q=keyword:syntax" title="Keyword: #syntax">#syntax</a></li> <li><a href="/web/20211124140409/https://atom.io/themes/search?utf8=✓&q=keyword:theme" title="Keyword: #theme">#theme</a></li> <li><a href="/web/20211124140409/https://atom.io/themes/search?utf8=✓&q=keyword:dark" title="Keyword: #dark">#dark</a></li> <li><a href="/web/20211124140409/https://atom.io/themes/search?utf8=✓&q=keyword:sublime" title="Keyword: #sublime">#sublime</a></li> <li><a href="/web/20211124140409/https://atom.io/themes/search?utf8=✓&q=keyword:low contrast" title="Keyword: #low contrast">#low contrast</a></li> </ul> </div> <div class="meta"> <a href="/web/20211124140409/https://atom.io/users/CuriousMagpie"> <img src="https://web.archive.org/web/20211124140409im_/https://github.com/CuriousMagpie.png" alt="" class="gravatar"/> </a> <a href="/web/20211124140409/https://atom.io/users/CuriousMagpie" class="author"> CuriousMagpie </a> <div class="meta-right"> <span class="stat tooltipped tooltipped-n" aria-label="78 downloads"> <span class="octicon octicon-cloud-download"></span> <span class="value">78</span> </span> <span class="js-star-wrap"> <div class="star-box tooltipped tooltipped-nw" aria-label="You must be signed in to star packages"> <a href="/web/20211124140409/https://atom.io/packages/dark-sublime-syntax/star" class="js-star-button star-button minibutton with-count disabled " data-skip-pjax aria-label="Star dark-sublime-syntax"> <span class="octicon octicon-star"></span> </a> <a class="social-count" href="/web/20211124140409/https://atom.io/packages/dark-sublime-syntax/stargazers" aria-label="0 users starred dark-sublime-syntax"> 0 </a> </div> </span> <a class="card-install-button minibutton " href="https://web.archive.org/web/20211124140409/atom://settings-view/show-package?package=dark-sublime-syntax"><span class="octicon octicon-cloud-download"></span> Install</a> <div style="display: none;" class="modal-download-atom"> <h4>Launching Atom...</h4> <p>If nothing happens, <a href="/web/20211124140409/https://atom.io/">download Atom</a> and try again.</p> <button class="card-install-button-close"><span class="octicon octicon-x"></span></button> </div> </div>  </div>  </div> </div> </div> </div> <div class="package-list updated"> <div class="package-list-header"> <h3 class="package-list-title"> <span class="mega-octicon octicon-squirrel"></span> Recently Updated <a href="/web/20211124140409/https://atom.io/themes/list?sort=updated_at&direction=desc" class="package-list-see-all" aria-label="See all recently updated">See all <span class="octicon octicon-chevron-right"></a> </h3> </div> <div class="halves"> <div class="grid-cell"> <div class="package-card card"> <div class="body css-truncate"> <h4 class="card-name"> <span class="css-truncate-target"><a href="/web/20211124140409/https://atom.io/themes/mechanicus-syntax">mechanicus-syntax</a></span> </h4> <span class="css-truncate-target card-description">A camouflage looking theme, because code is never quite the way it seems.</span> <ul class="keywords"> <li><a href="/web/20211124140409/https://atom.io/themes/search?utf8=✓&q=keyword:syntax" title="Keyword: #syntax">#syntax</a></li> <li><a href="/web/20211124140409/https://atom.io/themes/search?utf8=✓&q=keyword:theme" title="Keyword: #theme">#theme</a></li> </ul> </div> <div class="meta"> <a href="/web/20211124140409/https://atom.io/users/IneptusMechanicus"> <img src="https://web.archive.org/web/20211124140409im_/https://github.com/IneptusMechanicus.png" alt="" class="gravatar"/> </a> <a href="/web/20211124140409/https://atom.io/users/IneptusMechanicus" class="author"> IneptusMechanicus </a> <div class="meta-right"> <span class="stat tooltipped tooltipped-n" aria-label="28 downloads"> <span class="octicon octicon-cloud-download"></span> <span class="value">28</span> </span> <span class="js-star-wrap"> <div class="star-box tooltipped tooltipped-nw" aria-label="You must be signed in to star packages"> <a href="/web/20211124140409/https://atom.io/packages/mechanicus-syntax/star" class="js-star-button star-button minibutton with-count disabled " data-skip-pjax aria-label="Star mechanicus-syntax"> <span class="octicon octicon-star"></span> </a> <a class="social-count" href="/web/20211124140409/https://atom.io/packages/mechanicus-syntax/stargazers" aria-label="0 users starred mechanicus-syntax"> 0 </a> </div> </span> <a class="card-install-button minibutton " href="https://web.archive.org/web/20211124140409/atom://settings-view/show-package?package=mechanicus-syntax"><span class="octicon octicon-cloud-download"></span> Install</a> <div style="display: none;" class="modal-download-atom"> <h4>Launching Atom...</h4> <p>If nothing happens, <a href="/web/20211124140409/https://atom.io/">download Atom</a> and try again.</p> <button class="card-install-button-close"><span class="octicon octicon-x"></span></button> </div> </div>  </div>  </div> </div> <div class="grid-cell"> <div class="package-card card"> <div class="body css-truncate"> <h4 class="card-name"> <span class="css-truncate-target"><a href="/web/20211124140409/https://atom.io/themes/sweet-synthwave-syntax">sweet-synthwave-syntax</a></span> </h4> <span class="css-truncate-target card-description">Sweet Synthwave is a syntax theme based on Outrun color scheme for sublime text and Pink Pansy syntax theme for Atom</span> <ul class="keywords"> <li><a href="/web/20211124140409/https://atom.io/themes/search?utf8=✓&q=keyword:pink" title="Keyword: #pink">#pink</a></li> <li><a href="/web/20211124140409/https://atom.io/themes/search?utf8=✓&q=keyword:purple" title="Keyword: #purple">#purple</a></li> <li><a href="/web/20211124140409/https://atom.io/themes/search?utf8=✓&q=keyword:blue" title="Keyword: #blue">#blue</a></li> <li><a href="/web/20211124140409/https://atom.io/themes/search?utf8=✓&q=keyword:synthwave" title="Keyword: #synthwave">#synthwave</a></li> <li><a href="/web/20211124140409/https://atom.io/themes/search?utf8=✓&q=keyword:vaporwave" title="Keyword: #vaporwave">#vaporwave</a></li> </ul> </div> <div class="meta"> <a href="/web/20211124140409/https://atom.io/users/StephKeys"> <img src="https://web.archive.org/web/20211124140409im_/https://github.com/StephKeys.png" alt="" class="gravatar"/> </a> <a href="/web/20211124140409/https://atom.io/users/StephKeys" class="author"> StephKeys </a> <div class="meta-right"> <span class="stat tooltipped tooltipped-n" aria-label="108 downloads"> <span class="octicon octicon-cloud-download"></span> <span class="value">108</span> </span> <span class="js-star-wrap"> <div class="star-box tooltipped tooltipped-nw" aria-label="You must be signed in to star packages"> <a href="/web/20211124140409/https://atom.io/packages/sweet-synthwave-syntax/star" class="js-star-button star-button minibutton with-count disabled " data-skip-pjax aria-label="Star sweet-synthwave-syntax"> <span class="octicon octicon-star"></span> </a> <a class="social-count" href="/web/20211124140409/https://atom.io/packages/sweet-synthwave-syntax/stargazers" aria-label="1 users starred sweet-synthwave-syntax"> 1 </a> </div> </span> <a class="card-install-button minibutton " href="https://web.archive.org/web/20211124140409/atom://settings-view/show-package?package=sweet-synthwave-syntax"><span class="octicon octicon-cloud-download"></span> Install</a> <div style="display: none;" class="modal-download-atom"> <h4>Launching Atom...</h4> <p>If nothing happens, <a href="/web/20211124140409/https://atom.io/">download Atom</a> and try again.</p> <button class="card-install-button-close"><span class="octicon octicon-x"></span></button> </div> </div>  </div>  </div> </div> <div class="grid-cell"> <div class="package-card card"> <div class="body css-truncate"> <h4 class="card-name"> <span class="css-truncate-target"><a href="/web/20211124140409/https://atom.io/themes/mystique-atom-ui">mystique-atom-ui</a></span> </h4> <span class="css-truncate-target card-description">Mystique UI theme for Atom!</span> <ul class="keywords"> <li><a href="/web/20211124140409/https://atom.io/themes/search?utf8=✓&q=keyword:ui" title="Keyword: #ui">#ui</a></li> <li><a href="/web/20211124140409/https://atom.io/themes/search?utf8=✓&q=keyword:theme" title="Keyword: #theme">#theme</a></li> <li><a href="/web/20211124140409/https://atom.io/themes/search?utf8=✓&q=keyword:dark" title="Keyword: #dark">#dark</a></li> <li><a href="/web/20211124140409/https://atom.io/themes/search?utf8=✓&q=keyword:grey" title="Keyword: #grey">#grey</a></li> <li><a href="/web/20211124140409/https://atom.io/themes/search?utf8=✓&q=keyword:mystique" title="Keyword: #mystique">#mystique</a></li> </ul> </div> <div class="meta"> <a href="/web/20211124140409/https://atom.io/users/tygzy"> <img src="https://web.archive.org/web/20211124140409im_/https://github.com/tygzy.png" alt="" class="gravatar"/> </a> <a href="/web/20211124140409/https://atom.io/users/tygzy" class="author"> tygzy </a> <div class="meta-right"> <span class="stat tooltipped tooltipped-n" aria-label="417 downloads"> <span class="octicon octicon-cloud-download"></span> <span class="value">417</span> </span> <span class="js-star-wrap"> <div class="star-box tooltipped tooltipped-nw" aria-label="You must be signed in to star packages"> <a href="/web/20211124140409/https://atom.io/packages/mystique-atom-ui/star" class="js-star-button star-button minibutton with-count disabled " data-skip-pjax aria-label="Star mystique-atom-ui"> <span class="octicon octicon-star"></span> </a> <a class="social-count" href="/web/20211124140409/https://atom.io/packages/mystique-atom-ui/stargazers" aria-label="3 users starred mystique-atom-ui"> 3 </a> </div> </span> <a class="card-install-button minibutton " href="https://web.archive.org/web/20211124140409/atom://settings-view/show-package?package=mystique-atom-ui"><span class="octicon octicon-cloud-download"></span> Install</a> <div style="display: none;" class="modal-download-atom"> <h4>Launching Atom...</h4> <p>If nothing happens, <a href="/web/20211124140409/https://atom.io/">download Atom</a> and try again.</p> <button class="card-install-button-close"><span class="octicon octicon-x"></span></button> </div> </div>  </div>  </div> </div> <div class="grid-cell"> <div class="package-card card"> <div class="body css-truncate"> <h4 class="card-name"> <span class="css-truncate-target"><a href="/web/20211124140409/https://atom.io/themes/white-ui">white-ui</a></span> </h4> <span class="css-truncate-target card-description">Minimal white UI theme</span> <ul class="keywords"> <li><a href="/web/20211124140409/https://atom.io/themes/search?utf8=✓&q=keyword:ui" title="Keyword: #ui">#ui</a></li> <li><a href="/web/20211124140409/https://atom.io/themes/search?utf8=✓&q=keyword:theme" title="Keyword: #theme">#theme</a></li> <li><a href="/web/20211124140409/https://atom.io/themes/search?utf8=✓&q=keyword:light" title="Keyword: #light">#light</a></li> <li><a href="/web/20211124140409/https://atom.io/themes/search?utf8=✓&q=keyword:light theme" title="Keyword: #light theme">#light theme</a></li> <li><a href="/web/20211124140409/https://atom.io/themes/search?utf8=✓&q=keyword:white" title="Keyword: #white">#white</a></li> </ul> </div> <div class="meta"> <a href="/web/20211124140409/https://atom.io/users/williamtguerra"> <img src="https://web.archive.org/web/20211124140409im_/https://github.com/williamtguerra.png" alt="" class="gravatar"/> </a> <a href="/web/20211124140409/https://atom.io/users/williamtguerra" class="author"> williamtguerra </a> <div class="meta-right"> <span class="stat tooltipped tooltipped-n" aria-label="11,548 downloads"> <span class="octicon octicon-cloud-download"></span> <span class="value">11,548</span> </span> <span class="js-star-wrap"> <div class="star-box tooltipped tooltipped-nw" aria-label="You must be signed in to star packages"> <a href="/web/20211124140409/https://atom.io/packages/white-ui/star" class="js-star-button star-button minibutton with-count disabled " data-skip-pjax aria-label="Star white-ui"> <span class="octicon octicon-star"></span> </a> <a class="social-count" href="/web/20211124140409/https://atom.io/packages/white-ui/stargazers" aria-label="12 users starred white-ui"> 12 </a> </div> </span> <a class="card-install-button minibutton " href="https://web.archive.org/web/20211124140409/atom://settings-view/show-package?package=white-ui"><span class="octicon octicon-cloud-download"></span> Install</a> <div style="display: none;" class="modal-download-atom"> <h4>Launching Atom...</h4> <p>If nothing happens, <a href="/web/20211124140409/https://atom.io/">download Atom</a> and try again.</p> <button class="card-install-button-close"><span class="octicon octicon-x"></span></button> </div> </div>  </div>  </div> </div> <div class="grid-cell"> <div class="package-card card"> <div class="body css-truncate"> <h4 class="card-name"> <span class="css-truncate-target"><a href="/web/20211124140409/https://atom.io/themes/zeus-syntax">zeus-syntax</a></span> </h4> <span class="css-truncate-target card-description">The perfect syntax theme for esoteric codenights!</span> <ul class="keywords"> <li><a href="/web/20211124140409/https://atom.io/themes/search?utf8=✓&q=keyword:syntax" title="Keyword: #syntax">#syntax</a></li> <li><a href="/web/20211124140409/https://atom.io/themes/search?utf8=✓&q=keyword:theme" title="Keyword: #theme">#theme</a></li> <li><a href="/web/20211124140409/https://atom.io/themes/search?utf8=✓&q=keyword:zeus" title="Keyword: #zeus">#zeus</a></li> <li><a href="/web/20211124140409/https://atom.io/themes/search?utf8=✓&q=keyword:orange" title="Keyword: #orange">#orange</a></li> <li><a href="/web/20211124140409/https://atom.io/themes/search?utf8=✓&q=keyword:esoteric" title="Keyword: #esoteric">#esoteric</a></li> </ul> </div> <div class="meta"> <a href="/web/20211124140409/https://atom.io/users/jay-tux"> <img src="https://web.archive.org/web/20211124140409im_/https://github.com/jay-tux.png" alt="" class="gravatar"/> </a> <a href="/web/20211124140409/https://atom.io/users/jay-tux" class="author"> jay-tux </a> <div class="meta-right"> <span class="stat tooltipped tooltipped-n" aria-label="60 downloads"> <span class="octicon octicon-cloud-download"></span> <span class="value">60</span> </span> <span class="js-star-wrap"> <div class="star-box tooltipped tooltipped-nw" aria-label="You must be signed in to star packages"> <a href="/web/20211124140409/https://atom.io/packages/zeus-syntax/star" class="js-star-button star-button minibutton with-count disabled " data-skip-pjax aria-label="Star zeus-syntax"> <span class="octicon octicon-star"></span> </a> <a class="social-count" href="/web/20211124140409/https://atom.io/packages/zeus-syntax/stargazers" aria-label="0 users starred zeus-syntax"> 0 </a> </div> </span> <a class="card-install-button minibutton " href="https://web.archive.org/web/20211124140409/atom://settings-view/show-package?package=zeus-syntax"><span class="octicon octicon-cloud-download"></span> Install</a> <div style="display: none;" class="modal-download-atom"> <h4>Launching Atom...</h4> <p>If nothing happens, <a href="/web/20211124140409/https://atom.io/">download Atom</a> and try again.</p> <button class="card-install-button-close"><span class="octicon octicon-x"></span></button> </div> </div>  </div>  </div> </div> <div class="grid-cell"> <div class="package-card card"> <div class="body css-truncate"> <h4 class="card-name"> <span class="css-truncate-target"><a href="/web/20211124140409/https://atom.io/themes/monokai">monokai</a></span> </h4> <span class="css-truncate-target card-description">A monokai theme</span> <ul class="keywords"> </ul> </div> <div class="meta"> <a href="/web/20211124140409/https://atom.io/users/kevinsawicki"> <img src="https://web.archive.org/web/20211124140409im_/https://github.com/kevinsawicki.png" alt="" class="gravatar"/> </a> <a href="/web/20211124140409/https://atom.io/users/kevinsawicki" class="author"> kevinsawicki </a> <div class="meta-right"> <span class="stat tooltipped tooltipped-n" aria-label="909,521 downloads"> <span class="octicon octicon-cloud-download"></span> <span class="value">909,521</span> </span> <span class="js-star-wrap"> <div class="star-box tooltipped tooltipped-nw" aria-label="You must be signed in to star packages"> <a href="/web/20211124140409/https://atom.io/packages/monokai/star" class="js-star-button star-button minibutton with-count disabled " data-skip-pjax aria-label="Star monokai"> <span class="octicon octicon-star"></span> </a> <a class="social-count" href="/web/20211124140409/https://atom.io/packages/monokai/stargazers" aria-label="1150 users starred monokai"> 1150 </a> </div> </span> <a class="card-install-button minibutton " href="https://web.archive.org/web/20211124140409/atom://settings-view/show-package?package=monokai"><span class="octicon octicon-cloud-download"></span> Install</a> <div style="display: none;" class="modal-download-atom"> <h4>Launching Atom...</h4> <p>If nothing happens, <a href="/web/20211124140409/https://atom.io/">download Atom</a> and try again.</p> <button class="card-install-button-close"><span class="octicon octicon-x"></span></button> </div> </div>  </div>  </div> </div> </div> </div> <p class="stats-footnote">12,353 packages & themes have been downloaded 309,770,720 times.</p> </div> </div> <div class="footer-pad"></div> </div> <footer> <div class="footer"> <div class="wrapper no-pad"> <ul class="footer-left"> <li><a href="https://web.archive.org/web/20211124140409/https://docs.github.com/en/github/site-policy/github-open-source-applications-terms-and-conditions">Terms of Use</a></li> <li><a href="https://web.archive.org/web/20211124140409/https://docs.github.com/en/free-pro-team@latest/github/site-policy/github-privacy-statement">Privacy</a></li> <li><a href="https://web.archive.org/web/20211124140409/https://github.com/atom/atom/blob/master/CODE_OF_CONDUCT.md">Code of Conduct</a></li> <li><a href="/web/20211124140409/https://atom.io/releases">Releases</a></li> <li><a href="https://web.archive.org/web/20211124140409/https://flight-manual.atom.io/faq/">FAQ</a></li> <li><a href="/web/20211124140409/https://atom.io/contact">Contact</a></li> </ul> <div class="footer-right"> <a href="https://web.archive.org/web/20211124140409/https://github.com/"><span class="octicon octicon-code"></span> with <span class="octicon octicon-heart"></span> by <span class="octicon octicon-logo-github"></span></a> </div> </div> </div> </footer> </body> </html>

CINXE.COM

Themes