{"code":200,"data":{"id":293,"name":"Reddit - Block Builder Studio Theme","enabled":false,"update":false,"source":{"domain":"reddit.com","code":"\/* Reddit Block Builder Studio Theme \u2014 USER_OBSERVED \/ UNVERIFIED *\/\r\n\r\n:root {\r\n  --studio-graphite: #20242b;\r\n  --studio-surface: #292f38;\r\n  --studio-panel: #323b47;\r\n  --studio-blue: #4f8cff;\r\n  --studio-blue-bright: #83aeff;\r\n  --studio-coral: #ff7566;\r\n  --studio-text: #f2f6fb;\r\n  --studio-muted: #bac5d3;\r\n  --studio-border: rgb(131 174 255 \/ 26%);\r\n  --studio-focus: #ffb36b;\r\n\r\n  --color-neutral-background: var(--studio-graphite);\r\n  --color-neutral-background-container: var(--studio-surface);\r\n  --color-tone-1: var(--studio-text);\r\n  --color-tone-3: #c8d2df;\r\n  --color-tone-4: #e5ebf2;\r\n  --color-neutral-content: var(--studio-text);\r\n  --color-neutral-content-weak: var(--studio-muted);\r\n  --color-neutral-border: var(--studio-border);\r\n  --color-neutral-border-weak: rgb(131 174 255 \/ 14%);\r\n  --color-primary: var(--studio-blue);\r\n  --color-primary-hover: var(--studio-blue-bright);\r\n  --color-secondary: var(--studio-blue-bright);\r\n  --color-secondary-plain: var(--studio-muted);\r\n  --color-brand-background: var(--studio-coral);\r\n  --color-brand-onBackground: #1b2027;\r\n  --color-global-black: var(--studio-text);\r\n  --color-divider-default: var(--studio-border);\r\n}\r\n\r\n\/* Header and canvas *\/\r\nheader.v2.bg-neutral-background.pointer-events-auto.border-solid.border-0.border-b-sm.border-neutral-border.px-md {\r\n  background: linear-gradient(100deg, #20242b, #273347 58%, #252c36) !important;\r\n  border-bottom-color: var(--studio-border) !important;\r\n  color: var(--studio-text);\r\n}\r\n\r\ndiv.grid-container.theme-rpl.grid.flex-nav-expanded {\r\n  background: radial-gradient(circle at 76% -12%, rgb(79 140 255 \/ 13%), transparent 30rem), var(--studio-surface) !important;\r\n  color: var(--studio-text);\r\n}\r\n\r\n\/* Sidebar host tokens are the canonical component-safe color override. *\/\r\nreddit-sidebar-nav#left-sidebar.nd\\:visible.block.w-full.h-screen-without-header.styled-scrollbars.overflow-y-scroll.overflow-x-hidden.bg-neutral-background.box-border.px-md.overscroll-contain {\r\n  --color-tone-1: var(--studio-text) !important;\r\n  --color-tone-3: #c8d2df !important;\r\n  --color-tone-4: #e5ebf2 !important;\r\n  --color-neutral-content: var(--studio-text) !important;\r\n  --color-neutral-content-strong: var(--studio-text) !important;\r\n  --color-neutral-content-weak: var(--studio-muted) !important;\r\n  --color-secondary-plain: var(--studio-muted) !important;\r\n  --color-global-black: var(--studio-text) !important;\r\n  background: linear-gradient(180deg, #20242b, #242b35) !important;\r\n  border-right: 1px solid var(--studio-border);\r\n  color: var(--studio-text);\r\n}\r\n\r\nreddit-sidebar-nav#left-sidebar svg[fill],\r\nreddit-sidebar-nav#left-sidebar svg[fill] path {\r\n  color: var(--studio-blue-bright) !important;\r\n  fill: currentColor !important;\r\n}\r\n\r\nreddit-sidebar-nav#left-sidebar a:hover svg[fill],\r\nreddit-sidebar-nav#left-sidebar a:focus-visible svg[fill] {\r\n  color: var(--studio-coral) !important;\r\n  fill: currentColor !important;\r\n}\r\n\r\nreddit-sidebar-nav#left-sidebar .text-body-2,\r\n.text-neutral-content-strong {\r\n  color: var(--studio-text) !important;\r\n  -webkit-text-fill-color: var(--studio-text) !important;\r\n  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif !important;\r\n}\r\n\r\nreddit-sidebar-nav#left-sidebar a:focus-visible {\r\n  outline: 3px solid var(--studio-focus);\r\n  outline-offset: 2px;\r\n}\r\n\r\n\/* Header action controls *\/\r\na.button-medium.button-plain.icon.items-center.justify-center.button.inline-flex,\r\nbutton#header-action-item-chat-button.button-medium.button-plain.icon.items-center.justify-center.button.inline-flex,\r\na#create-post.no-underline.hover\\:no-underline.active\\:no-underline.button-medium.button-plain.items-center.justify-center.button.inline-flex {\r\n  background-color: rgb(79 140 255 \/ 12%) !important;\r\n  border: 1px solid rgb(131 174 255 \/ 30%) !important;\r\n  border-radius: 10px;\r\n  box-shadow: inset 0 1px 0 rgb(242 246 251 \/ 10%);\r\n  color: var(--studio-blue-bright) !important;\r\n  transition: background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease, color 160ms ease;\r\n}\r\n\r\na.button-medium.button-plain.icon.items-center.justify-center.button.inline-flex:hover,\r\nbutton#header-action-item-chat-button.button-medium.button-plain.icon.items-center.justify-center.button.inline-flex:hover,\r\na#create-post.no-underline.hover\\:no-underline.active\\:no-underline.button-medium.button-plain.items-center.justify-center.button.inline-flex:hover {\r\n  background-color: rgb(255 117 102 \/ 16%) !important;\r\n  border-color: rgb(255 117 102 \/ 66%) !important;\r\n  box-shadow: 0 5px 16px rgb(13 18 26 \/ 30%);\r\n  color: var(--studio-coral) !important;\r\n}\r\n\r\na.button-medium.button-plain.icon.items-center.justify-center.button.inline-flex:focus-visible,\r\nbutton#header-action-item-chat-button.button-medium.button-plain.icon.items-center.justify-center.button.inline-flex:focus-visible,\r\na#create-post.no-underline.hover\\:no-underline.active\\:no-underline.button-medium.button-plain.items-center.justify-center.button.inline-flex:focus-visible {\r\n  outline: 3px solid var(--studio-focus);\r\n  outline-offset: 2px;\r\n}\r\n\r\na#advertise-button.button-medium.button-plain.icon.items-center.justify-center.button.inline-flex,\r\na#create-post.no-underline.hover\\:no-underline.active\\:no-underline.button-medium.button-plain.items-center.justify-center.button.inline-flex {\r\n  margin: 0 15px;\r\n}\r\n\r\na#create-post svg[fill=\"currentColor\"],\r\na#advertise-button svg[fill=\"currentColor\"],\r\nbutton#header-action-item-chat-button svg[fill=\"currentColor\"],\r\na#create-post svg[fill=\"currentColor\"] path,\r\na#advertise-button svg[fill=\"currentColor\"] path,\r\nbutton#header-action-item-chat-button svg[fill=\"currentColor\"] path {\r\n  color: inherit !important;\r\n  fill: currentColor !important;\r\n}\r\n\r\n\/* Explore and community recommendations *\/\r\nh1.text-24.s\\:text-32.text-tone-1.font-bold.my-0.pt-\\[20px\\].pb-2xs.s\\:pb-\\[20px\\] {\r\n  color: var(--studio-text) !important;\r\n  -webkit-text-fill-color: var(--studio-text) !important;\r\n  text-shadow: 0 2px 16px rgb(79 140 255 \/ 22%);\r\n}\r\n\r\na[href=\"\/explore\"][aria-pressed=\"true\"] {\r\n  background-color: rgb(79 140 255 \/ 16%) !important;\r\n  border-color: rgb(79 140 255 \/ 54%) !important;\r\n  color: var(--studio-text) !important;\r\n  -webkit-text-fill-color: var(--studio-text) !important;\r\n  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif !important;\r\n  box-shadow: inset 0 1px 0 rgb(242 246 251 \/ 10%);\r\n}\r\n\r\na[href=\"\/explore\"][aria-pressed=\"true\"]:hover {\r\n  background-color: rgb(255 117 102 \/ 16%) !important;\r\n  border-color: rgb(255 117 102 \/ 64%) !important;\r\n  color: var(--studio-coral) !important;\r\n  -webkit-text-fill-color: var(--studio-coral) !important;\r\n}\r\n\r\na[href=\"\/explore\"][aria-pressed=\"true\"]:focus-visible {\r\n  outline: 3px solid var(--studio-focus);\r\n  outline-offset: 2px;\r\n}\r\n\r\ncommunity-recommendation {\r\n  background: linear-gradient(145deg, rgb(50 59 71 \/ 98%), rgb(32 36 43 \/ 98%)) !important;\r\n  border-color: var(--studio-border) !important;\r\n  box-shadow: 0 9px 24px rgb(13 18 26 \/ 22%), inset 0 1px 0 rgb(242 246 251 \/ 8%);\r\n  color: var(--studio-text);\r\n  transition: background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;\r\n}\r\n\r\ncommunity-recommendation:hover {\r\n  border-color: rgb(79 140 255 \/ 64%) !important;\r\n  box-shadow: 0 14px 30px rgb(13 18 26 \/ 30%), 0 0 0 3px rgb(79 140 255 \/ 9%);\r\n  transform: translateY(-2px);\r\n}\r\n\r\ncommunity-recommendation:focus-within {\r\n  border-color: var(--studio-focus) !important;\r\n  box-shadow: 0 0 0 3px rgb(255 179 107 \/ 28%), 0 14px 30px rgb(13 18 26 \/ 30%);\r\n}\r\n\r\ncommunity-recommendation span.inline-block.rounded-full.relative.h-full.w-full {\r\n  box-shadow: 0 0 0 2px var(--studio-blue), 0 4px 12px rgb(13 18 26 \/ 30%);\r\n  outline: 1px solid rgb(255 117 102 \/ 42%);\r\n  outline-offset: 2px;\r\n}\r\n\r\ncommunity-recommendation h4.text-neutral-content-strong.font-semibold.text-16.m-0.mb-\\[2px\\].line-clamp-1 {\r\n  color: var(--studio-text) !important;\r\n  -webkit-text-fill-color: var(--studio-text) !important;\r\n  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif !important;\r\n  text-shadow: 0 1px 10px rgb(79 140 255 \/ 16%);\r\n}\r\n\r\ncommunity-recommendation p.text-12.text-neutral-content-weak.m-0,\r\ncommunity-recommendation p.text-12.text-neutral-content-weak.line-clamp-2.m-0 {\r\n  color: var(--studio-muted) !important;\r\n  -webkit-text-fill-color: var(--studio-muted) !important;\r\n  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif !important;\r\n  line-height: 1.5;\r\n}\r\n\r\ncommunity-recommendation faceplate-number {\r\n  color: var(--studio-blue-bright) !important;\r\n  -webkit-text-fill-color: var(--studio-blue-bright) !important;\r\n  font-weight: 700;\r\n}\r\n\r\n\/* Existing interaction hooks *\/\r\na[data-ks-id][slot=\"full-post-link\"].absolute.inset-0:focus-visible {\r\n  outline: 3px solid var(--studio-focus);\r\n  outline-offset: -3px;\r\n  border-radius: 12px;\r\n}\r\n\r\nspan.rpl-vote-button-group[data-post-click-location=\"vote\"] {\r\n  background-color: rgb(79 140 255 \/ 12%) !important;\r\n  border: 1px solid rgb(131 174 255 \/ 30%) !important;\r\n  border-radius: 999px;\r\n  box-shadow: 0 4px 14px rgb(13 18 26 \/ 22%);\r\n  color: var(--studio-blue-bright) !important;\r\n}\r\n\r\nspan.rpl-vote-button-group[data-post-click-location=\"vote\"]:focus-within {\r\n  outline: 3px solid var(--studio-focus);\r\n  outline-offset: 2px;\r\n}\r\n\r\naside.recent-posts-right-rail[part=\"wrapper\"] {\r\n  background: linear-gradient(145deg, rgb(50 59 71 \/ 98%), rgb(32 36 43 \/ 98%)) !important;\r\n  border: 1px solid var(--studio-border);\r\n  box-shadow: 0 14px 32px rgb(13 18 26 \/ 25%);\r\n  color: var(--studio-text);\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  a.button-medium.button-plain.icon.items-center.justify-center.button.inline-flex,\r\n  button#header-action-item-chat-button.button-medium.button-plain.icon.items-center.justify-center.button.inline-flex,\r\n  a#create-post.no-underline.hover\\:no-underline.active\\:no-underline.button-medium.button-plain.items-center.justify-center.button.inline-flex,\r\n  community-recommendation {\r\n    transition: none;\r\n  }\r\n\r\n  community-recommendation:hover {\r\n    transform: none;\r\n  }\r\n}"},"thumbnail":"https:\/\/coolstyles.org\/storage\/3519\/conversions\/reddit-block-builder-studio-theme-screen_shot_conversion.webp","checksum":"ce2639200977b544ce54d18c508887ff","total_installed":0,"website":{"id":12,"name":"Reddit","slug":"reddit","domain":"reddit.com"},"author":{"id":1,"full_name":"admin","email":"ngaongan@gmail.com"},"category":"hot","url":"https:\/\/coolstyles.org\/style\/reddit-block-builder-studio-theme.html","url_style":"https:\/\/coolstyles.org\/api\/extension\/style\/293.json"}}