{"id":131591,"date":"2021-04-05T13:22:50","date_gmt":"2021-04-05T12:22:50","guid":{"rendered":"https:\/\/blog.jetbrains.com\/?post_type=space&#038;p=131591"},"modified":"2021-04-05T13:22:50","modified_gmt":"2021-04-05T12:22:50","slug":"space-e-koyu-tema-eklendi","status":"publish","type":"space","link":"https:\/\/blog.jetbrains.com\/tr\/space\/2021\/04\/05\/space-e-koyu-tema-eklendi\/","title":{"rendered":"Space&#8217;e Koyu Tema Eklendi"},"content":{"rendered":"<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-128271\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2021\/03\/dark_theme_cover-1.png\" alt=\"Space'te Koyu Tema kullan\u0131ma sunuldu\" width=\"1422\" height=\"800\" \/><\/p>\n<\/p>\n<p>\u0130ster ayd\u0131nl\u0131k ister karanl\u0131k taraf\u0131 se\u00e7in <a href=\"https:\/\/www.jetbrains.com\/space\/\" target=\"_blank\" rel=\"noopener\">Space<\/a> art\u0131k iki temay\u0131 da destekliyor!<\/p>\n<p>Koyu tema, daha \u00f6nce mobil cihazlarda kullan\u0131ma sunulmu\u015ftu. Bu g\u00fcncellemeyle art\u0131k t\u00fcm cihaz ve uygulamalar\u0131n\u0131zda Space&#8217;te koyu temay\u0131 kullanmaya ba\u015flayabilirsiniz. Buna <a href=\"https:\/\/www.jetbrains.com\/space\/#sign-up\" target=\"_blank\" rel=\"noopener\">web s\u00fcr\u00fcm\u00fcn\u00fcz<\/a>, iOS ve Android <a href=\"https:\/\/www.jetbrains.com\/help\/space\/space-for-ios-and-android.html\" target=\"_blank\" rel=\"noopener\">mobil uygulamalar\u0131n\u0131z<\/a> ile t\u00fcm <a href=\"https:\/\/www.jetbrains.com\/help\/space\/space-desktop-app.html\" target=\"_blank\" rel=\"noopener\">masa\u00fcst\u00fc uygulamalar\u0131n\u0131z<\/a> (Windows, macOS ve Linux) da dahildir.<\/p>\n<p>Bu g\u00fcncelleme, koyu temada \u00e7al\u0131\u015f\u0131rken ya da sadece parlakl\u0131\u011f\u0131 azaltmak istedi\u011finizde g\u00f6zlerinizi dinlendirmenizi sa\u011flar. Koyu tema, g\u00f6r\u00fc\u015f zorlu\u011fu ya\u015fayan ya da uykusuzluktan muzdarip kullan\u0131c\u0131lar i\u00e7in ge\u00e7 saatlerde mavi \u0131\u015f\u0131\u011f\u0131 azaltarak kullan\u0131m kolayl\u0131\u011f\u0131 sunar. \u00dcstelik koyu tema, ekran\u0131n\u0131z\u0131n \u00e7ok daha haval\u0131 ve gizemli g\u00f6r\u00fcnmesini sa\u011flayarak sizin de modunuzu iyile\u015ftirecektir, de\u011fil mi?<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-128282 size-full\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2021\/03\/dark-theme-project.png\" alt=\"Space Projeleri - Koyu Tema etkinle\u015ftirildi\" width=\"1422\" height=\"800\" \/><\/p>\n<p>Bu blog yay\u0131n\u0131nda koyu temay\u0131 nas\u0131l etkinle\u015ftirece\u011finizi ele alaca\u011f\u0131z ve bu \u00f6zellik uygulan\u0131rken sahne arkas\u0131nda olup bitenlerle ilgili bilgi verece\u011fiz.<\/p>\n<h2>Space&#8217;te Koyu Temay\u0131 Etkinle\u015ftirme<\/h2>\n<h3>Web ve masa\u00fcst\u00fc uygulamalar\u0131nda<\/h3>\n<p>Space teman\u0131z\u0131 web ve masa\u00fcst\u00fc uygulamalar\u0131nda y\u00f6netmek i\u00e7in profil foto\u011fraf\u0131n\u0131za t\u0131klay\u0131p <strong>My Profile<\/strong> <strong>|<\/strong> <strong>Workspace<\/strong> (Profilim | \u00c7al\u0131\u015fma Alan\u0131) sekmesine gidin ve temay\u0131 se\u00e7in.<\/p>\n<p>\u015eunlardan birini uygulayabilirsiniz:<\/p>\n<ul>\n<li>A\u00e7\u0131k Temay\u0131 etkinle\u015ftirme<\/li>\n<li>Koyu Temay\u0131 etkinle\u015ftirme<\/li>\n<li>Koyu Temay\u0131 otomatik olarak a\u00e7\u0131lacak veya kapat\u0131lacak \u015fekilde ayarlay\u0131n<\/li>\n<\/ul>\n<p>&#8220;Auto&#8221; (Otomatik) se\u00e7ene\u011fi, Space teman\u0131z\u0131 g\u00fcn boyu i\u015fletim sistemi ayarlar\u0131n\u0131za uygun \u015fekilde otomatik olarak ayarlar. MacOS cihazlarda koyu mod, <strong>Sistem Tercihleri | Genel | G\u00f6r\u00fcn\u00fcm<\/strong> se\u00e7imiyle ayarlan\u0131r ve herhangi bir i\u015fletim sisteminde oldu\u011fu gibi etkinle\u015ftirilebilir.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-128293 size-full\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2021\/03\/dark-theme-settings.png\" alt=\"Space'te Koyu Tema'y\u0131 etkinle\u015ftirme\" width=\"1422\" height=\"800\" \/><\/p>\n<p>Workspace (\u00c7al\u0131\u015fma alan\u0131) ayarlar\u0131ndan koyu tema kapat\u0131ld\u0131\u011f\u0131nda uygulanmas\u0131n\u0131 istedi\u011finiz vurgu rengini de y\u00f6netebilirsiniz. Kenar \u00e7ubu\u011funuzu mavi, siyah veya beyaz olarak ayarlayabilirsiniz.<\/p>\n<h3>Mobil uygulamalarda<\/h3>\n<p>Mobil uygulaman\u0131zda Space temas\u0131n\u0131 y\u00f6netmek i\u00e7in cihaz\u0131n\u0131zda sistem genelinde koyu modu ayarlaman\u0131z gerekir.<\/p>\n<p>Android veya iOS i\u00e7in otomatik koyu modu etkinle\u015ftirdi\u011finizde Space mobil uygulamas\u0131, cihaz ayarlar\u0131n\u0131za ba\u011fl\u0131 olarak g\u00fcn bat\u0131m\u0131ndan sonra veya belirli bir saatte koyu moda ge\u00e7er.<\/p>\n<h4>iOS i\u00e7in<\/h4>\n<ul>\n<li>Ayarlar&#8217;a gidin.<\/li>\n<li>Ekran ve Parlakl\u0131k&#8217;a dokunun.<\/li>\n<li>Koyu se\u00e7imini belirleyin.<\/li>\n<\/ul>\n<p style=\"text-align:center;\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-128462 aligncenter\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2021\/03\/dark-theme-ios.png\" alt=\"iOS i\u00e7in Space Koyu Tema etkinle\u015ftirildi\" width=\"400\" height=\"866\" data-wp-editing=\"1\" \/><\/p>\n<h4>Android i\u00e7in<\/h4>\n<ul>\n<li>Ayarlar&#8217;a gidin.<\/li>\n<li>Eri\u015filebilirlik&#8217;e dokunun.<\/li>\n<li>Ekran alt\u0131ndan Koyu Tema&#8217;y\u0131 a\u00e7\u0131n.<\/li>\n<\/ul>\n<p>Space&#8217;ten ayr\u0131lman\u0131za gerek kalmadan da Android uygulaman\u0131zda koyu temay\u0131 etkinle\u015ftirebilirsiniz. Bunun i\u00e7in \u015fu ad\u0131mlar\u0131 uygulay\u0131n:<\/p>\n<ul>\n<li>My Profile&#8217;a (Profilim) gidin.<\/li>\n<li>Dashboard (G\u00f6sterge Paneli) ekran\u0131n\u0131n sa\u011f \u00fcst k\u00f6\u015fesindeki \u00fc\u00e7 nokta simgesine t\u0131klay\u0131n.<\/li>\n<li>Change Theme (Temay\u0131 De\u011fi\u015ftir) ve Dark Theme (Koyu Tema) se\u00e7eneklerini belirleyin.<\/li>\n<\/ul>\n<p>T\u00fcm i\u015flem bu kadar. Art\u0131k ne zaman isterseniz t\u00fcm cihazlar\u0131n\u0131zda koyu temay\u0131 etkinle\u015ftirebilirsiniz.<\/p>\n<h2>Space&#8217;te Koyu Temay\u0131 Nas\u0131l Geli\u015ftirdik?<\/h2>\n<p>Koyu temay\u0131 tasarlamak i\u00e7in Amerika&#8217;y\u0131 yeniden ke\u015ffetmemize gerek yoktu. JetBrains&#8217;de di\u011fer ara\u00e7lar ve IDE&#8217;ler i\u00e7in de benzer bir geli\u015ftirme s\u00fcreci uygulam\u0131\u015ft\u0131k. Bu deneyimimize g\u00fcvenerek t\u00fcm \u00fcr\u00fcnlerimiz genelinde b\u00fct\u00fcnl\u00fck sa\u011flayacak \u015fekilde ilerledik. Bu sayede, IntelliJ IDEA&#8217;n\u0131n koyu temas\u0131na zaten a\u015fina olan kullan\u0131c\u0131lar Space&#8217;in koyu temas\u0131na kolayca al\u0131\u015fabilecek.<\/p>\n<p>Koyu tema \u00fczerinde \u00e7al\u0131\u015fmaya ba\u015flad\u0131\u011f\u0131m\u0131zda Space&#8217;te zaten 50&#8217;yi a\u015fk\u0131n renkten olu\u015fan paletimiz vard\u0131. Bu renklerin e\u015f de\u011ferlerini koyu temada geli\u015ftirmenin \u00e7ok zor olmayaca\u011f\u0131n\u0131 d\u00fc\u015f\u00fcnd\u00fck. Ancak koyu tema i\u00e7in kod taban\u0131na yak\u0131ndan bakt\u0131\u011f\u0131m\u0131zda ve paleti sistemli hale getirmeye ba\u015flad\u0131\u011f\u0131m\u0131zda <strong>250&#8217;den fazla renk<\/strong> geli\u015ftirdik.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-128304\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2021\/03\/dark_theme_palette.png\" alt=\"Space Koyu Tema Paleti\" width=\"1422\" height=\"800\" \/><\/p>\n<p style=\"text-align: center;\"><em>Space&#8217;in Koyu Tema paletindeki renklerden baz\u0131lar\u0131.<\/em><\/p>\n<p>Ayd\u0131nl\u0131k tema \u00e7ok say\u0131da renk gerektirmezken koyu tema i\u00e7in bir\u00e7ok kullan\u0131m durumuna uygun geli\u015fmi\u015f ince ayar gerekti. Bunun nedeni, baz\u0131 renklerin d\u00f6n\u00fc\u015ft\u00fcrme a\u015famas\u0131nda iyi g\u00f6r\u00fcnmesi, di\u011ferlerinin ise yeterince iyi g\u00f6r\u00fcnmemesiydi. \u00d6rne\u011fin, sar\u0131 renginin baz\u0131 tonlar\u0131 &#8220;kirli&#8221; g\u00f6r\u00fcnd\u00fc\u011f\u00fc i\u00e7in di\u011fer renklerle de\u011fi\u015ftirilmesi gerekti.<\/p>\n<p>Koyu temay\u0131 geli\u015ftirirken en karma\u015f\u0131k a\u015famalardan birisi, gezinme ve kod inceleme i\u015flemlerinin daha kolay ve anla\u015f\u0131l\u0131r olmas\u0131n\u0131 sa\u011flayacak \u015fekilde kod renklendirmeydi. Kar\u015f\u0131la\u015ft\u0131\u011f\u0131m\u0131z zorluklardan bir di\u011feri de farkl\u0131 ekranlarda karanl\u0131k modda g\u00f6r\u00fcn\u00fcm\u00fcn nas\u0131l de\u011fi\u015fti\u011fiydi. Renkleri bunu da g\u00f6z \u00f6n\u00fcnde bulundurarak zenginle\u015ftirmemiz gerekti.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-128318 size-full\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2021\/03\/dark-theme-code-review.png\" alt=\"Space Kod \u0130ncelemesi - Koyu Tema etkinle\u015ftirildi\" width=\"1422\" height=\"800\" \/><\/p>\n<p>Koyu temay\u0131 Space&#8217;e uygulamak i\u00e7in yeniden kullan\u0131labilir bile\u015fenlerden olu\u015fan koleksiyona sahip bir tasar\u0131m sisteminden yararland\u0131k. Bu yakla\u015f\u0131m <strong>yaln\u0131zca iki ki\u015filik bir ekiple<\/strong> \u00e7ok h\u0131zl\u0131 bir \u015fekilde koyu temay\u0131 geli\u015ftirmemize imkan sa\u011flad\u0131. Bu ekip, stilden ve kullan\u0131c\u0131 aray\u00fcz\u00fc bile\u015fenleri kitapl\u0131\u011f\u0131ndan sorumlu bir tasar\u0131mc\u0131 ile teknik uygulaman\u0131n kontrol\u00fcn\u00fc sa\u011flayan bir yaz\u0131l\u0131m geli\u015ftiricinden olu\u015fuyordu. Teknik uygulama a\u015famas\u0131nda teman\u0131n renkleri, CSS de\u011fi\u015fkenleri ve kimi zaman da React ba\u011flamlar\u0131 kullan\u0131larak bile\u015fenlere uyguland\u0131. Nadir kullan\u0131lan baz\u0131 renkler \u00e7al\u0131\u015fma zaman\u0131 s\u00fcresince tema renklerinden i\u015flendi.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-128329 size-full\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2021\/03\/dark-theme-team-directory.png\" alt=\"Space Ekibi Dizini - Koyu Tema etkinle\u015ftirildi\" width=\"1422\" height=\"800\" \/><\/p>\n<p><a href=\"https:\/\/blog.jetbrains.com\/blog\/2020\/03\/06\/software-development-the-jetbrains-way-dogfooding-and-other-key-principles\/\">Test s\u00fcr\u00fcm\u00fc<\/a> uygulamas\u0131n\u0131n ard\u0131ndan Space kurulu\u015fu genelinde koyu temay\u0131 etkinle\u015ftirerek \u00f6ncelikle meslekta\u015flar\u0131m\u0131zdan geri bildirimler ald\u0131k.<\/p>\n<p>\u0130\u015fimiz hen\u00fcz bitmedi. Space&#8217;ten en iyi \u015fekilde yararlanabilmeniz i\u00e7in koyu temay\u0131 g\u00fczelle\u015ftirmeye ve zenginle\u015ftirmeye devam edece\u011fiz.<\/p>\n<p>Koyu temam\u0131z\u0131 zaten denediniz mi? Geri bildirimlerinizi ve sorular\u0131n\u0131z\u0131 \u00e7ekinmeden a\u015fa\u011f\u0131daki yorumlar k\u0131sm\u0131nda payla\u015fabilirsiniz.<\/p>\n","protected":false},"author":902,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","categories":[],"tags":[],"cross-post-tag":[],"acf":[],"_links":{"self":[{"href":"https:\/\/blog.jetbrains.com\/tr\/wp-json\/wp\/v2\/space\/131591"}],"collection":[{"href":"https:\/\/blog.jetbrains.com\/tr\/wp-json\/wp\/v2\/space"}],"about":[{"href":"https:\/\/blog.jetbrains.com\/tr\/wp-json\/wp\/v2\/types\/space"}],"author":[{"embeddable":true,"href":"https:\/\/blog.jetbrains.com\/tr\/wp-json\/wp\/v2\/users\/902"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.jetbrains.com\/tr\/wp-json\/wp\/v2\/comments?post=131591"}],"version-history":[{"count":1,"href":"https:\/\/blog.jetbrains.com\/tr\/wp-json\/wp\/v2\/space\/131591\/revisions"}],"predecessor-version":[{"id":131592,"href":"https:\/\/blog.jetbrains.com\/tr\/wp-json\/wp\/v2\/space\/131591\/revisions\/131592"}],"wp:attachment":[{"href":"https:\/\/blog.jetbrains.com\/tr\/wp-json\/wp\/v2\/media?parent=131591"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.jetbrains.com\/tr\/wp-json\/wp\/v2\/categories?post=131591"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.jetbrains.com\/tr\/wp-json\/wp\/v2\/tags?post=131591"},{"taxonomy":"cross-post-tag","embeddable":true,"href":"https:\/\/blog.jetbrains.com\/tr\/wp-json\/wp\/v2\/cross-post-tag?post=131591"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}