{"id":3332,"date":"2024-08-21T14:26:23","date_gmt":"2024-08-21T17:26:23","guid":{"rendered":"https:\/\/horatech.shop\/?p=3332"},"modified":"2024-11-29T14:14:26","modified_gmt":"2024-11-29T17:14:26","slug":"como-fazer-darkmode-em-pagina-com-javascript","status":"publish","type":"post","link":"https:\/\/horatech.shop\/ar\/\u0643\u064a\u0641\u064a\u0629-\u062c\u0639\u0644-\u0627\u0644\u0635\u0641\u062d\u0629-\u0645\u0638\u0644\u0645\u0629-\u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645-\u062c\u0627\u0641\u0627-\u0633\/","title":{"rendered":"\u0643\u064a\u0641\u064a\u0629 \u062a\u0639\u062a\u064a\u0645 \u0635\u0641\u062d\u0629 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 Javascript"},"content":{"rendered":"<p>\u0623\u0635\u0628\u062d \u0627\u0644\u0648\u0636\u0639 \u0627\u0644\u062f\u0627\u0643\u0646 \u0634\u0627\u0626\u0639\u064b\u0627 \u0628\u0634\u0643\u0644 \u0645\u062a\u0632\u0627\u064a\u062f \u0641\u064a \u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0648\u0627\u062c\u0647\u0629\u060c \u0645\u0645\u0627 \u064a\u0648\u0641\u0631 \u0627\u0644\u0631\u0627\u062d\u0629 \u0627\u0644\u0628\u0635\u0631\u064a\u0629 \u0648\u064a\u0633\u0645\u062d \u0644\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646 \u0628\u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u0645\u0638\u0647\u0631 \u0627\u0644\u0630\u064a \u064a\u0641\u0636\u0644\u0648\u0646\u0647. <\/p>\n\n\n\n<p>\u0633\u062a\u062a\u0639\u0644\u0645 \u0641\u064a \u0647\u0630\u0647 \u0627\u0644\u0645\u0642\u0627\u0644\u0629 \u0643\u064a\u0641\u064a\u0629 \u0625\u0646\u0634\u0627\u0621 \u0627\u0644\u0648\u0636\u0639 \u0627\u0644\u0645\u0638\u0644\u0645 \u0639\u0644\u0649 \u0627\u0644\u0635\u0641\u062d\u0629 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 JavaScript \u0648HTML \u0648CSS \u0648\u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0648\u064a\u0628 \u0627\u0644\u062d\u062f\u064a\u062b\u0629.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img data-recalc-dims=\"1\" decoding=\"async\" width=\"795\" height=\"443\" src=\"https:\/\/i0.wp.com\/horatech.shop\/wp-content\/uploads\/2024\/09\/Como-fazer-darkmode-em-pagina-com-Javascript.webp?resize=795%2C443&#038;ssl=1\" alt=\"\" class=\"wp-image-3334\" srcset=\"https:\/\/i0.wp.com\/horatech.shop\/wp-content\/uploads\/2024\/09\/Como-fazer-darkmode-em-pagina-com-Javascript.webp?w=795&amp;ssl=1 795w, https:\/\/i0.wp.com\/horatech.shop\/wp-content\/uploads\/2024\/09\/Como-fazer-darkmode-em-pagina-com-Javascript.webp?resize=300%2C167&amp;ssl=1 300w, https:\/\/i0.wp.com\/horatech.shop\/wp-content\/uploads\/2024\/09\/Como-fazer-darkmode-em-pagina-com-Javascript.webp?resize=768%2C428&amp;ssl=1 768w\" sizes=\"(max-width: 795px) 100vw, 795px\" \/><figcaption class=\"wp-element-caption\"><em>\u0627\u0644\u0628\u0631\u0646\u0627\u0645\u062c \u0627\u0644\u062a\u0639\u0644\u064a\u0645\u064a \u0627\u0644\u0643\u0627\u0645\u0644<\/em> \u0645\u0646 \u0627\u0644\u0648\u0636\u0639 \u0627\u0644\u0645\u0638\u0644\u0645<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">\u0645\u0642\u062f\u0645\u0629 \u0625\u0644\u0649 \u0627\u0644\u0648\u0636\u0639 \u0627\u0644\u0645\u0638\u0644\u0645<\/h2>\n\n\n\n<p>\u064a\u0643\u062a\u0633\u0628 \u0627\u0644\u0648\u0636\u0639 \u0627\u0644\u0645\u0638\u0644\u0645 \u0623\u0647\u0645\u064a\u0629 \u0641\u064a \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0631\u0642\u0645\u064a\u060c \u0645\u0645\u0627 \u064a\u0639\u0643\u0633 \u0627\u0644\u062a\u062d\u0648\u0644 \u0641\u064a \u062a\u0641\u0636\u064a\u0644\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645. \u0641\u0647\u0648 \u064a\u0633\u0627\u0639\u062f \u0639\u0644\u0649 \u062a\u0642\u0644\u064a\u0644 \u0625\u062c\u0647\u0627\u062f \u0627\u0644\u0639\u064a\u0646 \u0641\u064a \u0627\u0644\u0628\u064a\u0626\u0627\u062a \u0645\u0646\u062e\u0641\u0636\u0629 \u0627\u0644\u0625\u0636\u0627\u0621\u0629\u060c \u0645\u0645\u0627 \u064a\u062c\u0639\u0644 \u0627\u0644\u0642\u0631\u0627\u0621\u0629 \u0623\u0643\u062b\u0631 \u0631\u0627\u062d\u0629.<\/p>\n\n\n\n<p>\u0628\u0627\u0644\u0625\u0636\u0627\u0641\u0629 \u0625\u0644\u0649 \u0630\u0644\u0643\u060c \u062a\u0633\u062a\u0647\u0644\u0643 \u0627\u0644\u0623\u062c\u0647\u0632\u0629 \u0627\u0644\u0645\u062d\u0645\u0648\u0644\u0629 \u0628\u0637\u0627\u0631\u064a\u0629 \u0623\u0642\u0644 \u0639\u0646\u062f \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0648\u0636\u0639 \u0627\u0644\u0645\u0638\u0644\u0645\u060c \u062e\u0627\u0635\u0629 \u0639\u0644\u0649 \u0634\u0627\u0634\u0627\u062a OLED. \u0648\u0647\u0630\u0627 \u064a\u0641\u064a\u062f \u0645\u0646 \u064a\u0633\u062a\u062e\u062f\u0645 \u0627\u0644\u062c\u0647\u0627\u0632 \u0644\u0641\u062a\u0631\u0627\u062a \u0637\u0648\u064a\u0644\u0629.<\/p>\n\n\n\n<p>\u0648\u0645\u0639 \u0627\u0644\u0639\u062f\u064a\u062f \u0645\u0646 \u0627\u0644\u0645\u0632\u0627\u064a\u0627\u060c \u062a\u0648\u0641\u0631 \u0627\u0644\u0639\u062f\u064a\u062f \u0645\u0646 \u0627\u0644\u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0648\u0645\u0648\u0627\u0642\u0639 \u0627\u0644\u0648\u064a\u0628 \u0627\u0644\u0622\u0646 \u0647\u0630\u0627 \u0627\u0644\u062e\u064a\u0627\u0631\u060c \u0645\u0645\u0627 \u064a\u0633\u0645\u062d \u0644\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646 \u0628\u062a\u062e\u0635\u064a\u0635 \u062a\u062c\u0627\u0631\u0628\u0647\u0645. \u0627\u0644\u0648\u0636\u0639 \u0627\u0644\u0645\u0638\u0644\u0645 \u0644\u064a\u0633 \u062c\u0630\u0627\u0628\u064b\u0627 \u0645\u0646 \u0627\u0644\u0646\u0627\u062d\u064a\u0629 \u0627\u0644\u0628\u0635\u0631\u064a\u0629 \u0641\u062d\u0633\u0628\u060c \u0628\u0644 \u0625\u0646\u0647 \u064a\u062c\u0639\u0644 \u0627\u0644\u062a\u0635\u0641\u062d \u0623\u0633\u0647\u0644 \u0648\u0623\u0643\u062b\u0631 \u0645\u062a\u0639\u0629 \u0623\u064a\u0636\u064b\u0627.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img data-recalc-dims=\"1\" decoding=\"async\" width=\"746\" height=\"407\" src=\"https:\/\/i0.wp.com\/horatech.shop\/wp-content\/uploads\/2024\/09\/Introducao-ao-Dark-Mode.webp?resize=746%2C407&#038;ssl=1\" alt=\"\" class=\"wp-image-3333\" srcset=\"https:\/\/i0.wp.com\/horatech.shop\/wp-content\/uploads\/2024\/09\/Introducao-ao-Dark-Mode.webp?w=746&amp;ssl=1 746w, https:\/\/i0.wp.com\/horatech.shop\/wp-content\/uploads\/2024\/09\/Introducao-ao-Dark-Mode.webp?resize=300%2C164&amp;ssl=1 300w\" sizes=\"(max-width: 746px) 100vw, 746px\" \/><figcaption class=\"wp-element-caption\"><em>\u0645\u0642\u062f\u0645\u0629 \u0625\u0644\u0649 \u0627\u0644\u0648\u0636\u0639 \u0627\u0644\u0645\u0638\u0644\u0645<\/em><\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>\u0644\u0645\u0627\u0630\u0627 \u0627\u0639\u062a\u0645\u0627\u062f \u0627\u0644\u0648\u0636\u0639 \u0627\u0644\u0645\u0638\u0644\u0645\u061f<\/strong><\/h3>\n\n\n\n<p>\u064a\u0648\u0641\u0631 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0648\u0636\u0639 \u0627\u0644\u0645\u0638\u0644\u0645 \u062a\u062c\u0631\u0628\u0629 \u0623\u0643\u062b\u0631 \u0631\u0627\u062d\u0629 \u0628\u0635\u0631\u064a\u064b\u0627\u060c \u062e\u0627\u0635\u0629 \u0641\u064a \u0627\u0644\u0628\u064a\u0626\u0627\u062a \u0645\u0646\u062e\u0641\u0636\u0629 \u0627\u0644\u0625\u0636\u0627\u0621\u0629. \u0643\u0645\u0627 \u064a\u0633\u0645\u062d \u0644\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646 \u0628\u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u0645\u0648\u0636\u0648\u0639 \u0627\u0644\u0630\u064a \u064a\u0646\u0627\u0633\u0628\u0647\u0645 \u0623\u0643\u062b\u0631\u060c \u0645\u0645\u0627 \u064a\u062c\u0639\u0644 \u0627\u0644\u062a\u0646\u0642\u0644 \u0623\u0643\u062b\u0631 \u062a\u062e\u0635\u064a\u0635\u064b\u0627.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u0645\u0632\u0627\u064a\u0627 \u0627\u0644\u0648\u0636\u0639 \u0627\u0644\u0645\u0638\u0644\u0645<\/h2>\n\n\n\n<p>\u062a\u0646\u0641\u064a\u0630 \u0627\u0644\u0648\u0636\u0639 \u0627\u0644\u0645\u0638\u0644\u0645 \u0644\u0647 \u0627\u0644\u0639\u062f\u064a\u062f \u0645\u0646 \u0627\u0644\u0645\u0632\u0627\u064a\u0627. \u0627\u0644\u0647\u062f\u0641 \u0627\u0644\u0631\u0626\u064a\u0633\u064a \u0647\u0648 \u062a\u062d\u0633\u064a\u0646 \u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u060c \u0645\u0645\u0627 \u064a\u062c\u0639\u0644 \u0627\u0644\u0642\u0631\u0627\u0621\u0629 \u0623\u0633\u0647\u0644\u060c \u062e\u0627\u0635\u0629 \u0641\u064a \u0627\u0644\u0628\u064a\u0626\u0627\u062a \u0627\u0644\u0645\u0638\u0644\u0645\u0629. <\/p>\n\n\n\n<p>\u0627\u0644\u0646\u0635 \u0627\u0644\u0645\u0648\u062c\u0648\u062f \u0639\u0644\u0649 \u062e\u0644\u0641\u064a\u0629 \u062f\u0627\u0643\u0646\u0629 \u064a\u0642\u0644\u0644 \u0645\u0646 \u0627\u0644\u062c\u0647\u062f \u0627\u0644\u0628\u0635\u0631\u064a \u0648\u064a\u0632\u064a\u062f \u0645\u0646 \u062a\u0641\u0627\u0639\u0644 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img data-recalc-dims=\"1\" decoding=\"async\" width=\"763\" height=\"382\" src=\"https:\/\/i0.wp.com\/horatech.shop\/wp-content\/uploads\/2024\/09\/Por-que-implementar-dark-mode.webp?resize=763%2C382&#038;ssl=1\" alt=\"\" class=\"wp-image-3335\" srcset=\"https:\/\/i0.wp.com\/horatech.shop\/wp-content\/uploads\/2024\/09\/Por-que-implementar-dark-mode.webp?w=763&amp;ssl=1 763w, https:\/\/i0.wp.com\/horatech.shop\/wp-content\/uploads\/2024\/09\/Por-que-implementar-dark-mode.webp?resize=300%2C150&amp;ssl=1 300w\" sizes=\"(max-width: 763px) 100vw, 763px\" \/><figcaption class=\"wp-element-caption\"><em>\u0645\u0632\u0627\u064a\u0627 \u0627\u0644\u0648\u0636\u0639 \u0627\u0644\u0645\u0638\u0644\u0645<\/em><\/figcaption><\/figure>\n\n\n\n<p>\u062a\u0638\u0647\u0631 \u0627\u0644\u0623\u0628\u062d\u0627\u062b \u0623\u0646 \u0627\u0644\u0623\u0634\u062e\u0627\u0635 \u064a\u0642\u0636\u0648\u0646 \u0648\u0642\u062a\u064b\u0627 \u0623\u0637\u0648\u0644 \u0639\u0644\u0649 \u0645\u0648\u0627\u0642\u0639 \u0627\u0644\u0648\u064a\u0628 \u0627\u0644\u062a\u064a \u062a\u0642\u062f\u0645 \u0647\u0630\u0647 \u0627\u0644\u0648\u0638\u064a\u0641\u0629\u060c \u0645\u0645\u0627 \u064a\u0634\u064a\u0631 \u0625\u0644\u0649 \u0623\u0646 \u0627\u0644\u0639\u0644\u0627\u0645\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0627\u0644\u062a\u064a \u062a\u0639\u062a\u0645\u062f \u0627\u0644\u0648\u0636\u0639 \u0627\u0644\u0645\u0638\u0644\u0645 \u0623\u0643\u062b\u0631 \u062a\u0648\u0627\u0641\u0642\u064b\u0627 \u0645\u0639 \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0639\u0645\u0644\u0627\u0626\u0647\u0627.<\/p>\n\n\n\n<p>\u0648\u0645\u0646 \u0627\u0644\u0645\u0632\u0627\u064a\u0627 \u0627\u0644\u0647\u0627\u0645\u0629 \u0627\u0644\u0623\u062e\u0631\u0649 \u062a\u0648\u0641\u064a\u0631 \u0637\u0627\u0642\u0629 \u0627\u0644\u0628\u0637\u0627\u0631\u064a\u0629 \u0639\u0644\u0649 \u0627\u0644\u0623\u062c\u0647\u0632\u0629 \u0627\u0644\u0645\u062d\u0645\u0648\u0644\u0629 \u0627\u0644\u0645\u0632\u0648\u062f\u0629 \u0628\u0634\u0627\u0634\u0627\u062a OLED\u060c \u0644\u0623\u0646\u0647\u0627 \u062a\u0633\u062a\u0647\u0644\u0643 \u0637\u0627\u0642\u0629 \u0623\u0642\u0644 \u0641\u064a \u0627\u0644\u0648\u0636\u0639 \u0627\u0644\u0645\u0638\u0644\u0645. <\/p>\n\n\n\n<p>\u062a\u062c\u0639\u0644 \u0647\u0630\u0647 \u0627\u0644\u0645\u062f\u062e\u0631\u0627\u062a \u0627\u0644\u0648\u0636\u0639 \u0627\u0644\u0645\u0638\u0644\u0645 \u062e\u064a\u0627\u0631\u064b\u0627 \u0630\u0643\u064a\u064b\u0627 \u0644\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646 \u0648\u0627\u0644\u0645\u0637\u0648\u0631\u064a\u0646.<\/p>\n\n\n\n<p><strong>\u0645\u0632\u0627\u064a\u0627 \u0627\u0644\u0648\u0636\u0639 \u0627\u0644\u062f\u0627\u0643\u0646:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>\u0627\u0644\u0631\u0627\u062d\u0629 \u0627\u0644\u0628\u0635\u0631\u064a\u0629:<\/strong> \u064a\u0642\u0644\u0644 \u0645\u0646 \u0625\u062c\u0647\u0627\u062f \u0627\u0644\u0639\u064a\u0646 \u0641\u064a \u0628\u064a\u0626\u0627\u062a \u0627\u0644\u0625\u0636\u0627\u0621\u0629 \u0627\u0644\u0645\u0646\u062e\u0641\u0636\u0629.<\/li>\n\n\n\n<li><strong>\u0632\u064a\u0627\u062f\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u0643\u0629:<\/strong> \u064a\u0628\u0642\u0649 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u0648\u0646 \u0644\u0641\u062a\u0631\u0629 \u0623\u0637\u0648\u0644 \u0639\u0644\u0649 \u0627\u0644\u0635\u0641\u062d\u0627\u062a \u0630\u0627\u062a \u0627\u0644\u0648\u0636\u0639 \u0627\u0644\u0645\u0638\u0644\u0645.<\/li>\n\n\n\n<li><strong>\u062a\u0648\u0641\u064a\u0631 \u0627\u0644\u0628\u0637\u0627\u0631\u064a\u0629:<\/strong> \u064a\u0642\u0644\u0644 \u0627\u0644\u0627\u0633\u062a\u0647\u0644\u0627\u0643 \u0639\u0644\u0649 \u0627\u0644\u0623\u062c\u0647\u0632\u0629 \u0627\u0644\u0645\u0632\u0648\u062f\u0629 \u0628\u0634\u0627\u0634\u0627\u062a OLED.<\/li>\n\n\n\n<li><strong>\u0627\u0644\u062a\u062e\u0635\u064a\u0635:<\/strong> \u0641\u0647\u0648 \u064a\u0648\u0641\u0631 \u0644\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646 \u0627\u0644\u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u0630\u064a \u064a\u0646\u0627\u0633\u0628 \u062a\u0641\u0636\u064a\u0644\u0627\u062a\u0647\u0645.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0645\u062a\u063a\u064a\u0631\u0627\u062a CSS \u0648\u0627\u0644\u062a\u062e\u0632\u064a\u0646 \u0627\u0644\u0645\u062d\u0644\u064a<\/h2>\n\n\n\n<p>\u062a\u0639\u062f \u0645\u062a\u063a\u064a\u0631\u0627\u062a CSS \u0637\u0631\u064a\u0642\u0629 \u0639\u0645\u0644\u064a\u0629 \u0644\u062a\u062e\u0632\u064a\u0646 \u0627\u0644\u0642\u064a\u0645 \u0648\u062a\u0633\u0647\u064a\u0644 \u062a\u0643\u064a\u064a\u0641 \u0627\u0644\u062a\u0635\u0645\u064a\u0645. \u0639\u0644\u0649 \u0633\u0628\u064a\u0644 \u0627\u0644\u0645\u062b\u0627\u0644\u060c \u064a\u0645\u0643\u0646\u0643 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 <code>--bg-\u0631\u0645\u0627\u062f\u064a-\u0636\u0648\u0621<\/code> \u0644\u0636\u0628\u0637 \u0636\u0648\u0621 \u0644\u0648\u0646 \u0627\u0644\u062e\u0644\u0641\u064a\u0629 \u0648 <code>--\u0646\u0635 \u062f\u0627\u0643\u0646<\/code> \u0644\u0644\u0646\u0635 \u0627\u0644\u062f\u0627\u0643\u0646. \u062a\u062c\u0639\u0644 \u0647\u0630\u0647 \u0627\u0644\u0645\u062a\u063a\u064a\u0631\u0627\u062a \u0627\u0644\u062a\u0628\u062f\u064a\u0644 \u0628\u064a\u0646 \u0627\u0644\u0633\u0645\u0627\u062a \u0627\u0644\u0641\u0627\u062a\u062d\u0629 \u0648\u0627\u0644\u062f\u0627\u0643\u0646\u0629 \u0623\u0633\u0647\u0644 \u0648\u0623\u0643\u062b\u0631 \u0643\u0641\u0627\u0621\u0629.<\/p>\n\n\n\n<p>O <code>localStorage<\/code> \u0647\u064a \u0623\u062f\u0627\u0629 \u0642\u0648\u064a\u0629 \u0644\u062d\u0641\u0638 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0641\u064a \u0627\u0644\u0645\u062a\u0635\u0641\u062d. \u0641\u0647\u0648 \u064a\u0633\u0645\u062d \u0628\u062d\u0641\u0638 \u062a\u0641\u0636\u064a\u0644\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646\u060c \u0645\u062b\u0644 \u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u0645\u0648\u0636\u0648\u0639\u060c \u0648\u062a\u0637\u0628\u064a\u0642\u0647\u0627 \u062a\u0644\u0642\u0627\u0626\u064a\u064b\u0627 \u0639\u0644\u0649 \u0627\u0644\u0632\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644\u064a\u0629 \u0644\u0644\u0645\u0648\u0642\u0639.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u0627\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0644\u0640 HTML<\/h2>\n\n\n\n<p>\u062a\u0639\u062f \u0628\u0646\u064a\u0629 HTML \u062c\u064a\u062f\u0629 \u0627\u0644\u062a\u0646\u0638\u064a\u0645 \u0636\u0631\u0648\u0631\u064a\u0629 \u0644\u062a\u0646\u0641\u064a\u0630 \u0627\u0644\u0648\u0636\u0639 \u0627\u0644\u0645\u0638\u0644\u0645. \u062a\u0633\u0627\u0639\u062f \u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0645\u062b\u0644 \u0623\u0632\u0631\u0627\u0631 \u062a\u0628\u062f\u064a\u0644 \u0627\u0644\u0633\u0645\u0627\u062a \u0648\u0627\u0644\u0646\u0635\u0648\u0635 \u0627\u0644\u0648\u0627\u0636\u062d\u0629 \u0641\u064a \u0627\u0644\u062a\u0646\u0642\u0644 \u0641\u064a \u0627\u0644\u0645\u0648\u0642\u0639 \u0648\u0633\u0647\u0648\u0644\u0629 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645.<\/p>\n\n\n\n<p><strong>\u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code><button><\/code>: \u0632\u0631 \u0644\u0644\u062a\u0628\u062f\u064a\u0644 \u0628\u064a\u0646 \u0627\u0644\u0648\u0636\u0639 \u0627\u0644\u0641\u0627\u062a\u062d \u0648\u0627\u0644\u062f\u0627\u0643\u0646.<\/li>\n\n\n\n<li><code>&lt;h1&gt;<\/code>: \u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0631\u0626\u064a\u0633\u064a \u0644\u0644\u0635\u0641\u062d\u0629.<\/li>\n\n\n\n<li><code>&lt;p&gt;<\/code>: \u0641\u0642\u0631\u0627\u062a \u0645\u0646 \u0627\u0644\u0646\u0635 \u062a\u0633\u0647\u0644 \u0642\u0631\u0627\u0621\u062a\u0647\u0627.<\/li>\n\n\n\n<li><code>&lt;div&gt;<\/code>: \u0623\u0642\u0633\u0627\u0645 \u0644\u062a\u062c\u0645\u064a\u0639 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0648\u062a\u0635\u0645\u064a\u0645\u0647.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">\u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 CSS<\/h2>\n\n\n\n<p>\u064a\u0639\u062f \u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u0623\u0644\u0648\u0627\u0646 \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629 \u0623\u0645\u0631\u064b\u0627 \u0623\u0633\u0627\u0633\u064a\u064b\u0627 \u0644\u062c\u0639\u0644 \u0627\u0644\u0648\u0636\u0639 \u0627\u0644\u0645\u0638\u0644\u0645 \u0645\u0645\u062a\u0639\u064b\u0627. \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0641\u0626\u0627\u062a \u0645\u062b\u0644 <code>.\u0636\u0648\u0621<\/code> e <code>.\u0645\u0638\u0644\u0645<\/code> \u064a\u0633\u0647\u0644 \u0627\u0644\u062a\u0628\u062f\u064a\u0644 \u0628\u064a\u0646 \u0627\u0644\u0645\u0648\u0627\u0636\u064a\u0639.<\/p>\n\n\n\n<p><strong>\u0645\u062b\u0627\u0644 \u0627\u0644\u0644\u0648\u0646:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>\u0627\u0644\u0646\u0635 \u0627\u0644\u0631\u0626\u064a\u0633\u064a:<\/strong> #000000 \u0641\u064a \u0627\u0644\u0645\u0638\u0647\u0631 \u0627\u0644\u0641\u0627\u062a\u062d\u060c #FFFFFF \u0641\u064a \u0627\u0644\u0645\u0638\u0647\u0631 \u0627\u0644\u062f\u0627\u0643\u0646.<\/li>\n\n\n\n<li><strong>\u0642\u0627\u0639:<\/strong> #FFFFFF \u0641\u064a \u0627\u0644\u0645\u0638\u0647\u0631 \u0627\u0644\u0641\u0627\u062a\u062d\u060c #121212 \u0641\u064a \u0627\u0644\u0645\u0638\u0647\u0631 \u0627\u0644\u062f\u0627\u0643\u0646.<\/li>\n\n\n\n<li><strong>\u0627\u0644\u0631\u0648\u0627\u0628\u0637:<\/strong> #007BFF \u0641\u064a \u0627\u0644\u0645\u0638\u0647\u0631 \u0627\u0644\u0641\u0627\u062a\u062d\u060c #82B1FF \u0641\u064a \u0627\u0644\u0645\u0638\u0647\u0631 \u0627\u0644\u062f\u0627\u0643\u0646.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">\u062a\u0646\u0641\u064a\u0630 \u0627\u0644\u0648\u0636\u0639 \u0627\u0644\u0645\u0638\u0644\u0645 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 JavaScript<\/h2>\n\n\n\n<p>\u0644\u0625\u0646\u0634\u0627\u0621 \u0627\u0644\u0648\u0636\u0639 \u0627\u0644\u0645\u0638\u0644\u0645 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 JavaScript\u060c \u062a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u0627\u0644\u062a\u0639\u0627\u0645\u0644 \u0645\u0639 DOM \u0639\u0646 \u0637\u0631\u064a\u0642 \u0625\u0636\u0627\u0641\u0629 \u0641\u0626\u0627\u062a \u0625\u0644\u0649 \u0627\u0644\u0639\u0646\u0635\u0631 <code>\u062c\u0633\u0645<\/code> \u0645\u0646 \u0627\u0644\u0635\u0641\u062d\u0629. \u0627\u0644\u062e\u0637\u0648\u0629 \u0627\u0644\u0623\u0648\u0644\u0649 \u0647\u064a \u0627\u0644\u062a\u062d\u0642\u0642 \u0645\u0646 \u062d\u0627\u0644\u0629 \u0627\u0644\u0645\u0648\u0636\u0648\u0639 \u0641\u064a <code>localStorage<\/code>\u0645\u0645\u0627 \u064a\u0636\u0645\u0646 \u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0627\u0644\u0633\u0645\u0629 \u0627\u0644\u062a\u064a \u0627\u062e\u062a\u0627\u0631\u0647\u0627 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0628\u0639\u062f \u0625\u0639\u0627\u062f\u0629 \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0635\u0641\u062d\u0629.<\/p>\n\n\n\n<p>\u0633\u064a\u0643\u0648\u0646 \u0627\u0644\u0643\u0648\u062f \u0627\u0644\u0623\u0633\u0627\u0633\u064a \u0644\u062a\u0646\u0641\u064a\u0630 \u0627\u0644\u0648\u0636\u0639 \u0627\u0644\u0645\u0638\u0644\u0645 \u0647\u0648:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\u0625\u0630\u0627 (localStorage.getItem('darkMode') === '\u0645\u0645\u0643\u0651\u0646') {\n    document.body.classList.add('\u0627\u0644\u0648\u0636\u0639 \u0627\u0644\u0645\u0638\u0644\u0645');\n} \u0622\u062e\u0631 {\n    document.body.classList.remove('\u0627\u0644\u0648\u0636\u0639 \u0627\u0644\u0645\u0638\u0644\u0645');\n}<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">\u0627\u0644\u062a\u0639\u0627\u0645\u0644 \u0645\u0639 \u0627\u0644\u0623\u062d\u062f\u0627\u062b \u0648\u0641\u0626\u0627\u062a CSS<\/h2>\n\n\n\n<p>\u064a\u062a\u0645 \u062a\u0645\u0643\u064a\u0646 \u0648\u0638\u064a\u0641\u0629 \u0627\u0644\u0648\u0636\u0639 \u0627\u0644\u062f\u0627\u0643\u0646 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 JavaScript \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0645\u0633\u062a\u0645\u0639\u064a \u0627\u0644\u0623\u062d\u062f\u0627\u062b\u060c \u0627\u0644\u0630\u064a\u0646 \u064a\u0643\u062a\u0634\u0641\u0648\u0646 \u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0645\u062b\u0644 \u0627\u0644\u0646\u0642\u0631\u0627\u062a \u0639\u0644\u0649 \u0627\u0644\u0623\u0632\u0631\u0627\u0631 \u0644\u062a\u063a\u064a\u064a\u0631 \u0627\u0644\u0633\u0645\u0629.<\/p>\n\n\n\n<p><strong>\u0627\u0644\u062e\u0637\u0648\u0627\u062a \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629:<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\u0627\u062e\u062a\u0631 \u0632\u0631 \u062a\u063a\u064a\u064a\u0631 \u0627\u0644\u0645\u0648\u0636\u0648\u0639.<\/li>\n\n\n\n<li>\u0623\u0636\u0641 \u0645\u0633\u062a\u0645\u0639 \u0627\u0644\u0623\u062d\u062f\u0627\u062b \u0644\u0627\u0643\u062a\u0634\u0627\u0641 \u0627\u0644\u0646\u0642\u0631\u0627\u062a.<\/li>\n\n\n\n<li>\u062a\u063a\u064a\u064a\u0631 \u0641\u0626\u0629 \u0627\u0644\u0645\u0648\u0636\u0648\u0639 \u0639\u0644\u0649 \u0627\u0644\u0635\u0641\u062d\u0629.<\/li>\n<\/ol>\n\n\n\n<p>\u064a\u0639\u062f \u0627\u0644\u062a\u0639\u0627\u0645\u0644 \u0645\u0639 \u0627\u0644\u0641\u0626\u0627\u062a \u0641\u064a JavaScript \u0623\u0645\u0631\u064b\u0627 \u0623\u0633\u0627\u0633\u064a\u064b\u0627 \u0644\u062a\u0646\u0641\u064a\u0630 \u0627\u0644\u0648\u0636\u0639 \u0627\u0644\u0645\u0638\u0644\u0645. \u0627\u0633\u062a\u062e\u062f\u0627\u0645 <code>classList<\/code>\u060c \u064a\u0645\u0643\u0646\u0643 \u0627\u0644\u062a\u0628\u062f\u064a\u0644 \u0628\u064a\u0646 \u0627\u0644\u0645\u0648\u0627\u0636\u064a\u0639 \u0628\u0633\u0647\u0648\u0644\u0629.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>document.body.classList.toggle('dark');<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">\u0627\u062e\u062a\u0628\u0627\u0631 \u0648\u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u062a\u0646\u0641\u064a\u0630<\/h2>\n\n\n\n<p>\u0645\u0646 \u0627\u0644\u0636\u0631\u0648\u0631\u064a \u0627\u062e\u062a\u0628\u0627\u0631 \u062a\u0637\u0628\u064a\u0642 \u0627\u0644\u0648\u0636\u0639 \u0627\u0644\u0645\u0638\u0644\u0645 \u0644\u062f\u064a\u0643 \u0644\u0644\u062a\u0623\u0643\u062f \u0645\u0646 \u0623\u0646 \u0643\u0644 \u0634\u064a\u0621 \u064a\u0639\u0645\u0644 \u0628\u0634\u0643\u0644 \u0635\u062d\u064a\u062d. \u062a\u0623\u0643\u062f \u0645\u0646 \u062a\u0637\u0628\u064a\u0642 \u0627\u0644\u0633\u0645\u0629 \u0627\u0644\u062a\u064a \u062d\u062f\u062f\u0647\u0627 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0628\u0634\u0643\u0644 \u0635\u062d\u064a\u062d \u0639\u0646\u062f \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0635\u0641\u062d\u0629 \u0648\u0623\u0646 \u062a\u0628\u062f\u064a\u0644 \u0627\u0644\u0633\u0645\u0627\u062a \u064a\u062a\u0645 \u0628\u0633\u0644\u0627\u0633\u0629.<\/p>\n\n\n\n<p><strong>\u0627\u0644\u062a\u062d\u0633\u064a\u0646\u0627\u062a \u0627\u0644\u0645\u062d\u062a\u0645\u0644\u0629:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u0642\u0645 \u0628\u062a\u0646\u0641\u064a\u0630 \u0627\u0646\u062a\u0642\u0627\u0644\u0627\u062a \u0633\u0644\u0633\u0629 \u0628\u064a\u0646 \u0627\u0644\u0633\u0645\u0627\u062a \u0644\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u062a\u062c\u0631\u0628\u0629 \u0628\u0635\u0631\u064a\u0629 \u0623\u0643\u062b\u0631 \u0645\u062a\u0639\u0629.<\/li>\n\n\n\n<li>\u062a\u0642\u062f\u064a\u0645 \u062e\u064a\u0627\u0631\u0627\u062a \u062a\u062e\u0635\u064a\u0635 \u0627\u0644\u0623\u0644\u0648\u0627\u0646\u060c \u0645\u0645\u0627 \u064a\u0633\u0645\u062d \u0644\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646 \u0628\u0627\u0644\u0627\u062e\u062a\u064a\u0627\u0631 \u0645\u0646 \u0628\u064a\u0646 \u0644\u0648\u062d\u0627\u062a \u0645\u062e\u062a\u0644\u0641\u0629.<\/li>\n\n\n\n<li>\u0642\u0645 \u0628\u062a\u0636\u0645\u064a\u0646 \u0645\u064a\u0632\u0627\u062a \u0625\u0645\u0643\u0627\u0646\u064a\u0629 \u0627\u0644\u0648\u0635\u0648\u0644\u060c \u0645\u062b\u0644 \u0627\u0644\u062a\u0639\u062f\u064a\u0644\u0627\u062a \u0644\u0644\u0623\u0634\u062e\u0627\u0635 \u0627\u0644\u0645\u0643\u0641\u0648\u0641\u064a\u0646 \u0628\u0627\u0644\u0623\u0644\u0648\u0627\u0646 \u0623\u0648 \u0627\u0644\u0623\u0634\u062e\u0627\u0635 \u0627\u0644\u0630\u064a\u0646 \u064a\u0639\u0627\u0646\u0648\u0646 \u0645\u0646 \u0635\u0639\u0648\u0628\u0627\u062a \u0628\u0635\u0631\u064a\u0629.<\/li>\n<\/ul>\n\n\n\n<p><strong>\u0641\u0648\u0627\u0626\u062f \u0627\u0644\u062a\u062d\u0633\u064a\u0646\u0627\u062a:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>\u0627\u0644\u062a\u062d\u0648\u0644\u0627\u062a \u0627\u0644\u0633\u0644\u0633\u0629:<\/strong> \u0625\u0646\u0647\u0627 \u062a\u0639\u0645\u0644 \u0639\u0644\u0649 \u062a\u062d\u0633\u064a\u0646 \u0633\u0647\u0648\u0644\u0629 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0648\u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u062a\u0622\u0643\u0644 \u0627\u0644\u0628\u0635\u0631\u064a.<\/li>\n\n\n\n<li><strong>\u0644\u0648\u062d\u0627\u062a \u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u062a\u062e\u0635\u064a\u0635:<\/strong> \u0632\u064a\u0627\u062f\u0629 \u0631\u0636\u0627 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0648\u062a\u062e\u0635\u064a\u0635 \u0627\u0644\u0648\u0627\u062c\u0647\u0629.<\/li>\n\n\n\n<li><strong>\u0625\u0645\u0643\u0627\u0646\u064a\u0629 \u0627\u0644\u0648\u0635\u0648\u0644:<\/strong> \u0641\u0647\u0648 \u064a\u062c\u0639\u0644 \u0627\u0644\u062a\u062c\u0631\u0628\u0629 \u0623\u0643\u062b\u0631 \u0634\u0645\u0648\u0644\u0627\u064b\u060c \u0648\u062a\u0644\u0628\u064a\u0629 \u0627\u0644\u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0627\u0644\u0628\u0635\u0631\u064a\u0629 \u0627\u0644\u0645\u062a\u0646\u0648\u0639\u0629.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">\u0627\u0644\u062e\u0627\u062a\u0645\u0629<\/h2>\n\n\n\n<p>\u0625\u0646 \u0627\u0639\u062a\u0645\u0627\u062f \u0627\u0644\u0648\u0636\u0639 \u0627\u0644\u0645\u0638\u0644\u0645 \u064a\u062a\u062c\u0627\u0648\u0632 \u0627\u0644\u062c\u0627\u0646\u0628 \u0627\u0644\u0628\u0635\u0631\u064a\u061b \u0641\u0647\u0648 \u064a\u062d\u0633\u0646 \u0625\u0645\u0643\u0627\u0646\u064a\u0629 \u0627\u0644\u0642\u0631\u0627\u0621\u0629\u060c \u0648\u064a\u0642\u0644\u0644 \u0645\u0646 \u0625\u062c\u0647\u0627\u062f \u0627\u0644\u0639\u064a\u0646\u060c \u0648\u064a\u0633\u0645\u062d \u0628\u0627\u0644\u062a\u062e\u0635\u064a\u0635 \u0627\u0644\u0630\u064a \u064a\u0644\u0628\u064a \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646 \u0628\u0634\u0643\u0644 \u0623\u0641\u0636\u0644. <\/p>\n\n\n\n<p>\u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 HTML \u0648CSS \u0648JavaScript\u060c \u064a\u0645\u0643\u0646\u0643 \u062a\u062d\u0648\u064a\u0644 \u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u062a\u0635\u0641\u062d\u060c \u0648\u062a\u0642\u062f\u064a\u0645 \u062a\u0635\u0645\u064a\u0645 \u0623\u0643\u062b\u0631 \u0645\u0631\u0648\u0646\u0629 \u064a\u062a\u0643\u064a\u0641 \u0645\u0639 \u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644 \u0627\u0644\u0631\u0642\u0645\u064a.<\/p>","protected":false},"excerpt":{"rendered":"<p>O modo escuro tem se tornado cada vez mais popular no design de interfaces, trazendo conforto visual e permitindo que os usu\u00e1rios escolham o tema que preferem. Neste artigo, voc\u00ea aprender\u00e1 como criar o modo escuro em uma p\u00e1gina utilizando JavaScript, HTML, CSS e t\u00e9cnicas web modernas. Introdu\u00e7\u00e3o ao Dark Mode O modo escuro vem [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":3334,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-3332","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-programacao"],"blocksy_meta":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/horatech.shop\/wp-content\/uploads\/2024\/09\/Como-fazer-darkmode-em-pagina-com-Javascript.webp?fit=795%2C443&ssl=1","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/horatech.shop\/ar\/wp-json\/wp\/v2\/posts\/3332","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/horatech.shop\/ar\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/horatech.shop\/ar\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/horatech.shop\/ar\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/horatech.shop\/ar\/wp-json\/wp\/v2\/comments?post=3332"}],"version-history":[{"count":2,"href":"https:\/\/horatech.shop\/ar\/wp-json\/wp\/v2\/posts\/3332\/revisions"}],"predecessor-version":[{"id":3787,"href":"https:\/\/horatech.shop\/ar\/wp-json\/wp\/v2\/posts\/3332\/revisions\/3787"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/horatech.shop\/ar\/wp-json\/wp\/v2\/media\/3334"}],"wp:attachment":[{"href":"https:\/\/horatech.shop\/ar\/wp-json\/wp\/v2\/media?parent=3332"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/horatech.shop\/ar\/wp-json\/wp\/v2\/categories?post=3332"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/horatech.shop\/ar\/wp-json\/wp\/v2\/tags?post=3332"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}