{"id":3892,"date":"2024-11-14T13:30:10","date_gmt":"2024-11-14T10:30:10","guid":{"rendered":"https:\/\/fatihsoysal.com\/blog\/css-ile-kolay-karanlik-mod\/"},"modified":"2024-11-14T13:30:10","modified_gmt":"2024-11-14T10:30:10","slug":"css-ile-kolay-karanlik-mod","status":"publish","type":"post","link":"https:\/\/fatihsoysal.com\/blog\/css-ile-kolay-karanlik-mod\/","title":{"rendered":"CSS ile Kolay Karanl\u0131k Mod"},"content":{"rendered":"<p>CSS ile Kolay Karanl\u0131k Mod<\/p>\n<p>G\u00fcn\u00fcm\u00fczde web sitelerinin karanl\u0131k mod deste\u011fi, kullan\u0131c\u0131 deneyimini \u00f6nemli \u00f6l\u00e7\u00fcde iyile\u015ftiren bir \u00f6zellik haline geldi. G\u00f6z yorgunlu\u011funu azaltmak, gece kullan\u0131m\u0131n\u0131 daha rahat hale getirmek ve enerji tasarrufu sa\u011flamak gibi bir\u00e7ok avantaj sunuyor. Bu makalede, CSS kullanarak karanl\u0131k modu nas\u0131l kolayca uygulayabilece\u011finizi ad\u0131m ad\u0131m ele alaca\u011f\u0131z.<\/p>\n<h2>Karanl\u0131k Mod Uygulaman\u0131n Temel Ad\u0131mlar\u0131<\/h2>\n<p>Bir web sitesinde karanl\u0131k modu etkinle\u015ftirmenin temel yolu, renk \u015femas\u0131n\u0131 dinamik olarak de\u011fi\u015ftirmektir. Bunun i\u00e7in genellikle iki yakla\u015f\u0131m kullan\u0131l\u0131r:<\/p>\n<ul>\n<li><strong>CSS S\u0131n\u0131flar\u0131:<\/strong> Bu y\u00f6ntemde, karanl\u0131k moda ait CSS s\u0131n\u0131flar\u0131 tan\u0131mlan\u0131r ve kullan\u0131c\u0131 tercihine g\u00f6re web sitesine uygulan\u0131r.<\/li>\n<li><strong>Medya Sorgulamalar\u0131:<\/strong> Bu y\u00f6ntemde, kullan\u0131c\u0131 tercihlerine ba\u011fl\u0131 olarak veya sistem karanl\u0131k modunu destekliyorsa farkl\u0131 CSS stiller uygulan\u0131r.<\/li>\n<\/ul>\n<p>Her iki y\u00f6ntem de kendi avantaj ve dezavantajlar\u0131na sahiptir. CSS s\u0131n\u0131flar\u0131 daha fazla kontrol sa\u011flarken, medya sorgulamalar\u0131 daha otomatik bir \u00e7\u00f6z\u00fcm sunar. \u0130htiya\u00e7lar\u0131n\u0131za en uygun y\u00f6ntemi se\u00e7meniz \u00f6nemlidir.<\/p>\n<h2>CSS S\u0131n\u0131flar\u0131 ile Karanl\u0131k Mod<\/h2>\n<p>CSS s\u0131n\u0131flar\u0131 kullanarak karanl\u0131k modu uygulamak i\u00e7in \u00f6ncelikle karanl\u0131k mod i\u00e7in ayr\u0131 bir CSS dosyas\u0131 olu\u015fturman\u0131z \u00f6nerilir. Bu dosyada, karanl\u0131k modda kullan\u0131lan renkler, fonlar ve metin stilleri tan\u0131mlan\u0131r.<\/p>\n<p>\u00d6rne\u011fin, varsay\u0131lan renk \u015femas\u0131 i\u00e7in &#8220;light&#8221; ve karanl\u0131k mod i\u00e7in &#8220;dark&#8221; ad\u0131nda iki s\u0131n\u0131f tan\u0131mlayabiliriz:<\/p>\n<pre>\n  <code>\n    .light {\n      background-color: #fff;\n      color: #000;\n    }\n\n    .dark {\n      background-color: #000;\n      color: #fff;\n    }\n  <\/code>\n<\/pre>\n<p>Bu s\u0131n\u0131flar\u0131 HTML etiketlerine uygulayarak, karanl\u0131k modu etkinle\u015ftirmek i\u00e7in JavaScript veya bir d\u00fc\u011fme kullan\u0131larak dinamik olarak de\u011fi\u015ftirilebilir.<\/p>\n<h2>Medya Sorgulamalar\u0131 ile Karanl\u0131k Mod<\/h2>\n<p>Medya sorgulamalar\u0131, belirli ekran boyutlar\u0131 veya ortam ko\u015fullar\u0131 gibi fakt\u00f6rlere g\u00f6re farkl\u0131 CSS stiller uygulayabilme olana\u011f\u0131 sa\u011flar. Bu y\u00f6ntem, kullan\u0131c\u0131lar\u0131n sistem karanl\u0131k modunu etkinle\u015ftirmi\u015f olmas\u0131na ba\u011fl\u0131 olarak web sitesinin stilini de\u011fi\u015ftirmek i\u00e7in kullan\u0131\u015fl\u0131d\u0131r.<\/p>\n<p>A\u015fa\u011f\u0131daki \u00f6rnekte, karanl\u0131k mod destekleyen sistemler i\u00e7in farkl\u0131 stiller uygulanmaktad\u0131r:<\/p>\n<pre>\n  <code>\n    @media (prefers-color-scheme: dark) {\n      body {\n        background-color: #000;\n        color: #fff;\n      }\n    }\n  <\/code>\n<\/pre>\n<p>Bu kod, &#8220;prefers-color-scheme&#8221; \u00f6zelli\u011fini kullanarak sistemin karanl\u0131k modu destekleyip desteklemedi\u011fini kontrol eder. E\u011fer destekliyorsa, body etiketine belirtilen stiller uygulan\u0131r.<\/p>\n<h2>Karanl\u0131k Mod Uygulamas\u0131 \u00d6rne\u011fi<\/h2>\n<p>A\u015fa\u011f\u0131da, basit bir web sayfas\u0131 i\u00e7in karanl\u0131k mod uygulamas\u0131 \u00f6rne\u011fi verilmi\u015ftir:<\/p>\n<pre>\n  <code>\n    <!DOCTYPE html>\n    <html lang=\"en\">\n    <head>\n      <meta charset=\"UTF-8\">\n      <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n      <title>Karanl\u0131k Mod \u00d6rne\u011fi<\/title>\n      <style>\n        body {\n          background-color: #fff;\n          color: #000;\n        }\n\n        .dark {\n          background-color: #000;\n          color: #fff;\n        }\n\n        @media (prefers-color-scheme: dark) {\n          body {\n            background-color: #000;\n            color: #fff;\n          }\n        }\n      <\/style>\n    <\/head>\n    <body>\n      <div class=\"light\">\n        Merhaba D\u00fcnya!\n        <p>Bu bir \u00f6rnek web sayfas\u0131d\u0131r.<\/p>\n      <\/div>\n      <button onclick=\"toggleDarkMode()\">Karanl\u0131k Modu De\u011fi\u015ftir<\/button>\n      <script>\n        function toggleDarkMode() {\n          const body = document.querySelector('body');\n          body.classList.toggle('dark');\n        }\n      <\/script>\n    <\/body>\n    <\/html>\n  <\/code>\n<\/pre>\n<p>Bu \u00f6rnekte, bir d\u00fc\u011fme kullan\u0131larak karanl\u0131k modun etkinle\u015ftirilmesi ve devre d\u0131\u015f\u0131 b\u0131rak\u0131lmas\u0131 g\u00f6sterilmektedir. Ayr\u0131ca, medya sorgulamalar\u0131 ile sistem karanl\u0131k modunun desteklenmesi durumunda otomatik olarak karanl\u0131k modun etkinle\u015ftirilmesi de sa\u011flanm\u0131\u015ft\u0131r.<\/p>\n<h2>Sonu\u00e7<\/h2>\n<p>CSS kullanarak karanl\u0131k modu uygulamak, web sitenizi daha eri\u015filebilir ve kullan\u0131c\u0131 dostu hale getirmenize yard\u0131mc\u0131 olabilir. Bu makalede, karanl\u0131k modu uygulaman\u0131n iki temel y\u00f6ntemini ve basit bir uygulama \u00f6rne\u011fini ele ald\u0131k. Siz de kendi web sitenizde karanl\u0131k modu uygulamay\u0131 d\u00fc\u015f\u00fcn\u00fcyorsan\u0131z, bu y\u00f6ntemleri kullanarak kullan\u0131c\u0131 deneyimini iyile\u015ftirebilirsiniz.<\/p>\n<p>Daha fazla bilgi edinmek veya web geli\u015ftirme konular\u0131nda uzmanla\u015fmak i\u00e7in kendi web sitemizi ziyaret edebilirsiniz: <a href=\"https:\/\/fatihsoysal.com\" target=\"_blank\" rel=\"noopener\">https:\/\/fatihsoysal.com<\/a><\/p>\n<p>Umar\u0131m bu makale faydal\u0131 olmu\u015ftur.<\/p>\n<p>\n#Etiketler: CSS, Karanl\u0131k Mod, Web Geli\u015ftirme, Kullan\u0131c\u0131 Deneyimi, Medya Sorgulamalar\u0131, CSS S\u0131n\u0131flar\u0131, Renk \u015eemas\u0131, Web Tasar\u0131m\u0131<\/p>\n","protected":false},"excerpt":{"rendered":"CSS ile Kolay Karanl\u0131k Mod G\u00fcn\u00fcm\u00fczde web sitelerinin karanl\u0131k mod deste\u011fi, kullan\u0131c\u0131 deneyimini \u00f6nemli \u00f6l\u00e7\u00fcde iyile\u015ftiren bir \u00f6zellik&hellip;","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"csco_page_header_type":"","csco_page_load_nextpost":"","csco_page_subscribe_form":"","csco_page_contact_form":"","footnotes":""},"categories":[1],"tags":[],"class_list":{"0":"post-3892","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-genel","7":"cs-entry","8":"cs-video-wrap"},"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v20.5 (Yoast SEO v25.3.1) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>CSS ile Kolay Karanl\u0131k Mod<\/title>\n<meta name=\"description\" content=\"G\u00fcn\u00fcm\u00fczde web sitelerinin karanl\u0131k mod deste\u011fi, kullan\u0131c\u0131 deneyimini \u00f6nemli \u00f6l\u00e7\u00fcde iyile\u015ftiren bir \u00f6zellik haline geldi. G\u00f6z yorgunlu\u011funu azaltmak, gece kullan\u0131m\u0131n\u0131 daha rahat hale getirmek ve enerji tasarrufu sa\u011flamak gibi bir\u00e7ok avantaj sunuyor. Bu makalede, CSS kullanarak karanl\u0131k modu nas\u0131l kolayca uygulayabilece\u011finizi ad\u0131m ad\u0131m ele alaca\u011f\u0131z.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/fatihsoysal.com\/blog\/css-ile-kolay-karanlik-mod\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"CSS ile Kolay Karanl\u0131k Mod\" \/>\n<meta property=\"og:description\" content=\"G\u00fcn\u00fcm\u00fczde web sitelerinin karanl\u0131k mod deste\u011fi, kullan\u0131c\u0131 deneyimini \u00f6nemli \u00f6l\u00e7\u00fcde iyile\u015ftiren bir \u00f6zellik haline geldi. G\u00f6z yorgunlu\u011funu azaltmak, gece kullan\u0131m\u0131n\u0131 daha rahat hale getirmek ve enerji tasarrufu sa\u011flamak gibi bir\u00e7ok avantaj sunuyor. Bu makalede, CSS kullanarak karanl\u0131k modu nas\u0131l kolayca uygulayabilece\u011finizi ad\u0131m ad\u0131m ele alaca\u011f\u0131z.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fatihsoysal.com\/blog\/css-ile-kolay-karanlik-mod\/\" \/>\n<meta property=\"og:site_name\" content=\"Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" \/>\n<meta property=\"article:published_time\" content=\"2024-11-14T10:30:10+00:00\" \/>\n<meta name=\"author\" content=\"Fatih Soysal\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Yazan:\" \/>\n\t<meta name=\"twitter:data1\" content=\"Fatih Soysal\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tahmini okuma s\u00fcresi\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 dakika\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/css-ile-kolay-karanlik-mod\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/css-ile-kolay-karanlik-mod\/\"},\"author\":{\"name\":\"Fatih Soysal\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"headline\":\"CSS ile Kolay Karanl\u0131k Mod\",\"datePublished\":\"2024-11-14T10:30:10+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/css-ile-kolay-karanlik-mod\/\"},\"wordCount\":576,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/css-ile-kolay-karanlik-mod\/#respond\"]}],\"copyrightYear\":\"2024\",\"copyrightHolder\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/css-ile-kolay-karanlik-mod\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/css-ile-kolay-karanlik-mod\/\",\"name\":\"CSS ile Kolay Karanl\u0131k Mod\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\"},\"datePublished\":\"2024-11-14T10:30:10+00:00\",\"description\":\"G\u00fcn\u00fcm\u00fczde web sitelerinin karanl\u0131k mod deste\u011fi, kullan\u0131c\u0131 deneyimini \u00f6nemli \u00f6l\u00e7\u00fcde iyile\u015ftiren bir \u00f6zellik haline geldi. G\u00f6z yorgunlu\u011funu azaltmak, gece kullan\u0131m\u0131n\u0131 daha rahat hale getirmek ve enerji tasarrufu sa\u011flamak gibi bir\u00e7ok avantaj sunuyor. Bu makalede, CSS kullanarak karanl\u0131k modu nas\u0131l kolayca uygulayabilece\u011finizi ad\u0131m ad\u0131m ele alaca\u011f\u0131z.\",\"breadcrumb\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/css-ile-kolay-karanlik-mod\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/css-ile-kolay-karanlik-mod\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/css-ile-kolay-karanlik-mod\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Anasayfa\",\"item\":\"https:\/\/fatihsoysal.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"CSS ile Kolay Karanl\u0131k Mod\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/\",\"name\":\"Fatihsoysal.com\",\"description\":\"Blog - Yaz\u0131l\u0131m D\u00fcnyas\u0131 Tecr\u00fcbelerim\",\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/fatihsoysal.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"tr\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\",\"name\":\"Fatih Soysal\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png\",\"contentUrl\":\"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png\",\"width\":512,\"height\":512,\"caption\":\"Fatih Soysal\"},\"logo\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/\"},\"description\":\"Kullan\u0131m ve kodlama m\u00fckemmeliyetini odak alan uygulamalar olu\u015fturma deneyimine sahip, profesyonel olarak 15+ y\u0131l \u00fczeri deneyime sahip bir yaz\u0131l\u0131m m\u00fchendisi.\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/author\/fatihsoysal\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"CSS ile Kolay Karanl\u0131k Mod","description":"G\u00fcn\u00fcm\u00fczde web sitelerinin karanl\u0131k mod deste\u011fi, kullan\u0131c\u0131 deneyimini \u00f6nemli \u00f6l\u00e7\u00fcde iyile\u015ftiren bir \u00f6zellik haline geldi. G\u00f6z yorgunlu\u011funu azaltmak, gece kullan\u0131m\u0131n\u0131 daha rahat hale getirmek ve enerji tasarrufu sa\u011flamak gibi bir\u00e7ok avantaj sunuyor. Bu makalede, CSS kullanarak karanl\u0131k modu nas\u0131l kolayca uygulayabilece\u011finizi ad\u0131m ad\u0131m ele alaca\u011f\u0131z.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/fatihsoysal.com\/blog\/css-ile-kolay-karanlik-mod\/","og_locale":"tr_TR","og_type":"article","og_title":"CSS ile Kolay Karanl\u0131k Mod","og_description":"G\u00fcn\u00fcm\u00fczde web sitelerinin karanl\u0131k mod deste\u011fi, kullan\u0131c\u0131 deneyimini \u00f6nemli \u00f6l\u00e7\u00fcde iyile\u015ftiren bir \u00f6zellik haline geldi. G\u00f6z yorgunlu\u011funu azaltmak, gece kullan\u0131m\u0131n\u0131 daha rahat hale getirmek ve enerji tasarrufu sa\u011flamak gibi bir\u00e7ok avantaj sunuyor. Bu makalede, CSS kullanarak karanl\u0131k modu nas\u0131l kolayca uygulayabilece\u011finizi ad\u0131m ad\u0131m ele alaca\u011f\u0131z.","og_url":"https:\/\/fatihsoysal.com\/blog\/css-ile-kolay-karanlik-mod\/","og_site_name":"Kodlar\u0131n Gizemli D\u00fcnyas\u0131","article_published_time":"2024-11-14T10:30:10+00:00","author":"Fatih Soysal","twitter_card":"summary_large_image","twitter_misc":{"Yazan:":"Fatih Soysal","Tahmini okuma s\u00fcresi":"3 dakika"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/fatihsoysal.com\/blog\/css-ile-kolay-karanlik-mod\/#article","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/css-ile-kolay-karanlik-mod\/"},"author":{"name":"Fatih Soysal","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"headline":"CSS ile Kolay Karanl\u0131k Mod","datePublished":"2024-11-14T10:30:10+00:00","mainEntityOfPage":{"@id":"https:\/\/fatihsoysal.com\/blog\/css-ile-kolay-karanlik-mod\/"},"wordCount":576,"commentCount":0,"publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"inLanguage":"tr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/fatihsoysal.com\/blog\/css-ile-kolay-karanlik-mod\/#respond"]}],"copyrightYear":"2024","copyrightHolder":{"@id":"https:\/\/fatihsoysal.com\/blog\/#organization"}},{"@type":"WebPage","@id":"https:\/\/fatihsoysal.com\/blog\/css-ile-kolay-karanlik-mod\/","url":"https:\/\/fatihsoysal.com\/blog\/css-ile-kolay-karanlik-mod\/","name":"CSS ile Kolay Karanl\u0131k Mod","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/#website"},"datePublished":"2024-11-14T10:30:10+00:00","description":"G\u00fcn\u00fcm\u00fczde web sitelerinin karanl\u0131k mod deste\u011fi, kullan\u0131c\u0131 deneyimini \u00f6nemli \u00f6l\u00e7\u00fcde iyile\u015ftiren bir \u00f6zellik haline geldi. G\u00f6z yorgunlu\u011funu azaltmak, gece kullan\u0131m\u0131n\u0131 daha rahat hale getirmek ve enerji tasarrufu sa\u011flamak gibi bir\u00e7ok avantaj sunuyor. Bu makalede, CSS kullanarak karanl\u0131k modu nas\u0131l kolayca uygulayabilece\u011finizi ad\u0131m ad\u0131m ele alaca\u011f\u0131z.","breadcrumb":{"@id":"https:\/\/fatihsoysal.com\/blog\/css-ile-kolay-karanlik-mod\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fatihsoysal.com\/blog\/css-ile-kolay-karanlik-mod\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/fatihsoysal.com\/blog\/css-ile-kolay-karanlik-mod\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Anasayfa","item":"https:\/\/fatihsoysal.com\/blog\/"},{"@type":"ListItem","position":2,"name":"CSS ile Kolay Karanl\u0131k Mod"}]},{"@type":"WebSite","@id":"https:\/\/fatihsoysal.com\/blog\/#website","url":"https:\/\/fatihsoysal.com\/blog\/","name":"Fatihsoysal.com","description":"Blog - Yaz\u0131l\u0131m D\u00fcnyas\u0131 Tecr\u00fcbelerim","publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/fatihsoysal.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"tr"},{"@type":["Person","Organization"],"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1","name":"Fatih Soysal","image":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png","contentUrl":"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png","width":512,"height":512,"caption":"Fatih Soysal"},"logo":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/"},"description":"Kullan\u0131m ve kodlama m\u00fckemmeliyetini odak alan uygulamalar olu\u015fturma deneyimine sahip, profesyonel olarak 15+ y\u0131l \u00fczeri deneyime sahip bir yaz\u0131l\u0131m m\u00fchendisi.","url":"https:\/\/fatihsoysal.com\/blog\/author\/fatihsoysal\/"}]}},"yoast_meta":{"yoast_wpseo_title":"","yoast_wpseo_metadesc":"","yoast_wpseo_canonical":""},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/3892","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/comments?post=3892"}],"version-history":[{"count":0,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/3892\/revisions"}],"wp:attachment":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/media?parent=3892"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/categories?post=3892"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/tags?post=3892"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}