{"id":33,"date":"2026-03-27T19:10:43","date_gmt":"2026-03-27T19:10:43","guid":{"rendered":"https:\/\/theroyalscode.com\/students\/e_henderson\/?p=33"},"modified":"2026-03-27T19:10:43","modified_gmt":"2026-03-27T19:10:43","slug":"freefriday-3-27","status":"publish","type":"post","link":"https:\/\/theroyalscode.com\/students\/e_henderson\/2026\/03\/27\/freefriday-3-27\/","title":{"rendered":"FreeFriday 3\/27"},"content":{"rendered":"\n<p>So today, I decided to update the styling for my cat API.<br>For what I added, It was a dark mode feature.<br><br><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\/* ============================\n   DARK MODE THEME\n============================= *\/\n\nbody.dark-mode {\n    --bg-main: #0f0f17;\n    --text-main: #e6e6e6;\n\n    --accent: #6d8bff;        \/* Brighter indigo *\/\n    --accent-hover: #4f6aff;\n    --accent-soft: #3a4b99;\n\n    --glow-indigo: #7a8cff;\n    --glow-light: rgba(122, 140, 255, 0.55);\n}\n\n.theme-toggle {\n    position: fixed;\n    top: 20px;\n    right: 20px;\n    padding: 8px 16px;\n    font-size: 0.9rem;\n    border-radius: 6px;\n    background: var(--accent);\n    color: white;\n    border: none;\n    cursor: pointer;\n    animation: softGlow 3s ease-in-out infinite;\n    z-index: 1000;\n}\n\n.theme-toggle:hover {\n    background: var(--accent-hover);\n    transform: scale(1.05);\n}\n<\/code><\/pre>\n\n\n\n<p>Firstly, I added a button and main body for the dark mode feature to work, so when pressing the button, it  would change the background and text color for contrast.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"1080\" style=\"aspect-ratio: 1920 \/ 1080;\" width=\"1920\" controls src=\"https:\/\/theroyalscode.com\/students\/e_henderson\/wp-content\/uploads\/2026\/03\/2026-03-27-15-07-05.mkv\"><\/video><\/figure>\n\n\n\n<p>And thats pretty much it, i didn&#8217;t want to add anything else, but I plan to add more stuff soon.<br><\/p>\n","protected":false},"excerpt":{"rendered":"<p>So today, I decided to update the styling for my cat API.For what I added, It was a dark mode [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[1],"tags":[],"class_list":["post-33","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/theroyalscode.com\/students\/e_henderson\/wp-json\/wp\/v2\/posts\/33","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/theroyalscode.com\/students\/e_henderson\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/theroyalscode.com\/students\/e_henderson\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/theroyalscode.com\/students\/e_henderson\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/theroyalscode.com\/students\/e_henderson\/wp-json\/wp\/v2\/comments?post=33"}],"version-history":[{"count":1,"href":"https:\/\/theroyalscode.com\/students\/e_henderson\/wp-json\/wp\/v2\/posts\/33\/revisions"}],"predecessor-version":[{"id":35,"href":"https:\/\/theroyalscode.com\/students\/e_henderson\/wp-json\/wp\/v2\/posts\/33\/revisions\/35"}],"wp:attachment":[{"href":"https:\/\/theroyalscode.com\/students\/e_henderson\/wp-json\/wp\/v2\/media?parent=33"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/theroyalscode.com\/students\/e_henderson\/wp-json\/wp\/v2\/categories?post=33"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/theroyalscode.com\/students\/e_henderson\/wp-json\/wp\/v2\/tags?post=33"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}