{"code":200,"data":{"id":298,"name":"YouTube - Among Us: Cosmic Crewmate Control Room Theme","enabled":false,"update":false,"source":{"domain":"youtube.com","code":"\/*\r\n * YouTube Among Us: Cosmic Crewmate Control Room\r\n * Template basis: youtube-hello-kitty-theme.css + youtube-cat-progressbar-theme.css\r\n * This intentionally retains the reference templates' selector architecture.\r\n * Space navy, visor cyan, emergency red and console green replace source artwork.\r\n *\/\r\n\r\nbody,\r\nytd-app,\r\nytd-app[darker-dark-theme] {\r\n  --app-drawer-content-container-background-color: transparent;\r\n  background-color: #111a35;\r\n  background-image:\r\n    radial-gradient(circle at 18% 24%, rgb(238 248 255 \/ 80%) 0 1px, transparent 1.5px),\r\n    radial-gradient(circle at 76% 38%, rgb(116 224 220 \/ 78%) 0 1px, transparent 1.5px),\r\n    linear-gradient(90deg, rgb(116 224 220 \/ 10%) 1px, transparent 1px),\r\n    linear-gradient(rgb(116 224 220 \/ 10%) 1px, transparent 1px);\r\n  background-size: 54px 54px, 77px 77px, 24px 24px, 24px 24px;\r\n  background-attachment: fixed;\r\n  scrollbar-color: #e74c4c transparent;\r\n}\r\n\r\n\/* Modern YouTube palette layer on the same ytd-app template root.\r\n   These variables let the reference's colours reach current cards, feeds and panels. *\/\r\nytd-app,\r\nytd-app[darker-dark-theme] {\r\n  --yt-spec-base-background: #111a35;\r\n  --yt-spec-raised-background: #d9edf2;\r\n  --yt-spec-menu-background: #d9edf2;\r\n  --yt-spec-general-background-a: #d9edf2;\r\n  --yt-spec-general-background-b: #b8d6df;\r\n  --yt-spec-additive-background: #eef8ff;\r\n  --yt-spec-text-primary: #17253d;\r\n  --yt-spec-text-secondary: #49687a;\r\n  --yt-spec-icon-active-other: #e74c4c;\r\n  --yt-spec-icon-inactive: #49687a;\r\n  --yt-spec-brand-button-background: #e74c4c;\r\n  --yt-spec-brand-background-solid: #e74c4c;\r\n  --yt-spec-call-to-action: #e74c4c;\r\n  --yt-spec-static-brand-red: #e74c4c;\r\n  --yt-spec-badge-chip-background: #74e0dc;\r\n  --yt-spec-10-percent-layer: rgb(116 224 220 \/ 20%);\r\n  --yt-spec-10-percent-layer: color-mix(in srgb, #74e0dc 24%, transparent);\r\n  --yt-spec-outline: #49687a;\r\n}\r\n\r\n::-webkit-scrollbar-thumb {\r\n  background: linear-gradient(#74e0dc 0%, #e74c4c 100%) !important;\r\n  border-radius: 10px;\r\n  border: 0 solid transparent !important;\r\n}\r\n\r\n::-webkit-scrollbar {\r\n  width: 10px !important;\r\n}\r\n\r\nytd-masthead[darker-dark-theme] {\r\n  background: #e74c4c;\r\n}\r\n\r\nytd-masthead#masthead:not(:hover),\r\nytd-masthead#masthead:not(:hover):not(:hover) {\r\n  opacity: 1;\r\n}\r\n\r\nytd-masthead#masthead {\r\n  margin: auto !important;\r\n  transition: .1s;\r\n  width: 100%;\r\n  transform: translateX(0%);\r\n  border-radius: 0 0 29px 29px;\r\n}\r\n\r\nytd-feed-filter-chip-bar-renderer[darker-dark-theme] #chips-wrapper.ytd-feed-filter-chip-bar-renderer,\r\n#chips-wrapper.ytd-feed-filter-chip-bar-renderer,\r\n#left-arrow-button.ytd-feed-filter-chip-bar-renderer,\r\n#right-arrow-button.ytd-feed-filter-chip-bar-renderer {\r\n  background: #d9edf2d9;\r\n}\r\n\r\n#left-arrow.ytd-feed-filter-chip-bar-renderer:after {\r\n  background: linear-gradient(to right, transparent 20%, transparent 80%) !important;\r\n}\r\n\r\n#right-arrow.ytd-feed-filter-chip-bar-renderer:before {\r\n  background: linear-gradient(to left, transparent 20%, transparent 80%) !important;\r\n}\r\n\r\n#guide-content.ytd-app {\r\n  box-shadow: 0 0 0;\r\n  background: #d9edf2 !important;\r\n}\r\n\r\nytd-mini-guide-entry-renderer,\r\nytd-mini-guide-renderer {\r\n  background: #d9edf2;\r\n}\r\n\r\n#header.ytd-app {\r\n  background: #e74c4c;\r\n}\r\n\r\nyt-chip-cloud-chip-renderer[chip-style=STYLE_DEFAULT][selected],\r\nyt-chip-cloud-chip-renderer[chip-style=STYLE_HOME_FILTER][selected] {\r\n  background: #e74c4c !important;\r\n  color: #eef8ff !important;\r\n}\r\n\r\n\/* Search: verbatim Hello Kitty selector structure, Among Us palette only. *\/\r\nytd-searchbox[desktop-searchbar-style=rounded_corner_dark_btn] #container.ytd-searchbox,\r\nytd-searchbox[desktop-searchbar-style=rounded_corner_light_btn] #container.ytd-searchbox,\r\n#container.ytd-searchbox {\r\n  transition: .5s;\r\n  background-color: #d9edf2;\r\n  border: 0 solid #49687a;\r\n  border-right: 0;\r\n  border-radius: 25px 0 0 25px;\r\n  box-shadow: 0 0 0 3px #49687a;\r\n}\r\n\r\n.gsfs,\r\n.sbpqs_a,\r\nytd-searchbox[desktop-searchbar-style=rounded_corner_light_btn] #container.ytd-searchbox input.ytd-searchbox {\r\n  color: #49687a;\r\n}\r\n\r\n#searchbox-button.ytd-searchbox {\r\n  color: #d9edf2;\r\n}\r\n\r\n.sbsb_a {\r\n  background: #d9edf2;\r\n  border: 2px dashed #e74c4c;\r\n  border-radius: 20px;\r\n  box-shadow: 0 0 0 3px #d9edf2;\r\n}\r\n\r\n.sbfl_b {\r\n  background: #d9edf2;\r\n}\r\n\r\n.sbdd_b {\r\n  background: #e74c4c;\r\n  border: 0 solid #e74c4c;\r\n  border-top-color: #e74c4c;\r\n  box-shadow: 0 0 0 !important;\r\n  cursor: default;\r\n  border-radius: 20px;\r\n}\r\n\r\n.sbpqs_a:before,\r\n.sbqs_c:before {\r\n  filter: invert(.2);\r\n}\r\n\r\n.sbsb_d {\r\n  background: rgb(255 255 255 \/ 18%);\r\n}\r\n\r\nytd-searchbox[has-focus] #container.ytd-searchbox {\r\n  border: 0 solid #49687a;\r\n  box-shadow: 0 0 0 4px #74e0dc;\r\n}\r\n\r\n[aria-label=\"Clear search query\"] svg {\r\n  color: #e74c4c;\r\n}\r\n\r\n#search-icon-legacy.ytd-searchbox,\r\n#search-icon-legacy.ytd-searchbox:hover {\r\n  border-radius: 0 20px 20px 0;\r\n  background: #e74c4c;\r\n  box-shadow: 0 0 0 3px #e74c4c;\r\n  border-left: 0;\r\n}\r\n\r\n#voice-search-button.ytd-masthead {\r\n  background-color: #74e0dc;\r\n  border: 2px dashed #d9edf2;\r\n  box-shadow: 0 0 0 2px #49687a;\r\n}\r\n\r\nyt-confirm-dialog-renderer[dialog][dialog][dialog] {\r\n  background: #d9edf2;\r\n  border-radius: 10px;\r\n}\r\n\r\nytd-hotkey-dialog-renderer[dialog][dialog][dialog],\r\nytd-voice-search-dialog-renderer[dialog] {\r\n  background: #74e0dc;\r\n  border-radius: 10px;\r\n}\r\n\r\n.yt-spec-button-shape-next--mono.yt-spec-button-shape-next--filled,\r\ntp-yt-paper-button.ytd-subscribe-button-renderer {\r\n  background-color: #74e0dc;\r\n  border: 2px dashed #e74c4c;\r\n  border-radius: 15px;\r\n}\r\n\r\nytd-button-renderer.style-primary[is-paper-button],\r\nyt-button-renderer.style-primary[is-paper-button],\r\nyt-notification-action-renderer[ui-refresh] tp-yt-paper-toast.yt-notification-action-renderer {\r\n  background-color: #e74c4c;\r\n  border: 5px double #74e0dc;\r\n  border-radius: 15px;\r\n}\r\n\r\n\/* Crewmate visor badge using the source HK-041 button decoration hook. *\/\r\n#buttons.ytd-c4-tabbed-header-renderer::after,\r\nytd-subscribe-button-renderer::after {\r\n  content: \"\";\r\n  display: inline-block;\r\n  position: absolute;\r\n  width: 20px;\r\n  height: 24px;\r\n  margin: 3px 0 0 5px;\r\n  border: 2px solid #17253d;\r\n  border-radius: 48% 48% 38% 38%;\r\n  background:\r\n    radial-gradient(ellipse at 52% 34%, #74e0dc 0 28%, #4d75c9 29% 43%, transparent 44%),\r\n    #e74c4c;\r\n  pointer-events: none;\r\n}\r\n\r\n\/* Cat Progress Bar template selectors, preserving the original dimensions. *\/\r\n.html5-play-progress,\r\n.ytp-play-progress {\r\n  background: linear-gradient(to bottom, #e74c4c 0 33%, #74e0dc 33% 66%, #4d75c9 66% 100%) !important;\r\n}\r\n\r\n.html5-load-progress,\r\n.ytp-load-progress {\r\n  background: #d9edf2 !important;\r\n}\r\n\r\n.html5-scrubber-button,\r\n.ytp-scrubber-button {\r\n  background: #e74c4c !important;\r\n  width: 20px !important;\r\n  height: 20px !important;\r\n  border: 3px solid #74e0dc !important;\r\n  margin-left: -10px !important;\r\n  margin-top: -1px !important;\r\n}\r\n\r\n.ytp-progress-bar-container:hover .ytp-scrubber-button,\r\n.ytp-progress-bar-container:hover .ytp-load-progress {\r\n  image-rendering: pixelated;\r\n}\r\n\r\n.html5-progress-bar-container,\r\n.ytp-progress-bar-container {\r\n  height: 12px !important;\r\n}\r\n\r\n.html5-progress-bar,\r\n.ytp-progress-bar {\r\n  margin-top: 12px !important;\r\n}\r\n\r\n.html5-progress-list,\r\n.ytp-progress-list,\r\n.video-ads .html5-progress-list.html5-ad-progress-list,\r\n.video-ads .ytp-progress-list.ytp-ad-progress-list {\r\n  height: 12px !important;\r\n}\r\n\r\n.ytp-volume-slider-track {\r\n  background: #4d75c9 !important;\r\n}\r\n\r\n\/* Extended Hello Kitty template groups: menus, accounts, panels and metadata. *\/\r\n[transform=\"matrix(1,0,0,1,60,60)\"] [fill=\"rgb(0,0,0)\"],\r\n[fill=\"#F00\"],\r\n[fill=\"red\"],\r\n[fill=\"#FF0000\"] {\r\n  fill: #e74c4c;\r\n}\r\n\r\n[stroke=\"rgb(0,0,0)\"] {\r\n  stroke: var(--yt-spec-text-primary);\r\n}\r\n\r\n.ytp-chrome-controls .ytp-button[aria-pressed]:after,\r\n.ytp-sb-subscribe,\r\na.ytp-sb-subscribe,\r\n.ytp-autonav-toggle-button[aria-checked=true],\r\n.ytp-menuitem[aria-checked=true] .ytp-menuitem-toggle-checkbox,\r\n.ytp-swatch-background-color,\r\n.ytp-settings-button.ytp-hd-quality-badge:after,\r\n.ytp-settings-button.ytp-hdr-quality-badge:after,\r\n.ytp-settings-button.ytp-4k-quality-badge:after,\r\n.ytp-settings-button.ytp-5k-quality-badge:after,\r\n.ytp-settings-button.ytp-8k-quality-badge:after,\r\n.ytp-settings-button.ytp-3d-badge-grey:after,\r\n.ytp-settings-button.ytp-3d-badge:after {\r\n  background-color: #e74c4c;\r\n}\r\n\r\n.ytp-swatch-color {\r\n  color: #e74c4c;\r\n}\r\n\r\n.ytp-autonav-toggle-button[aria-checked=true] {\r\n  background-image: linear-gradient(90deg, #e74c4c 0 50%, #74e0dc 50%) !important;\r\n  box-shadow: 0 2px 5px rgb(0 0 0 \/ 46%);\r\n}\r\n\r\n.ytp-small-mode .ytp-autonav-toggle-button,\r\n.ytp-autonav-toggle-button {\r\n  background: rgb(255 249 232 \/ 70%);\r\n}\r\n\r\nytd-menu-popup-renderer {\r\n  border-radius: 9px;\r\n  box-shadow: 0 2px 5px rgb(113 48 30 \/ 46%);\r\n}\r\n\r\ntp-yt-paper-listbox {\r\n  background: transparent;\r\n}\r\n\r\ntp-yt-paper-listbox.yt-dropdown-menu,\r\n#contentWrapper.tp-yt-iron-dropdown > * {\r\n  overflow: hidden;\r\n  background: #d9edf2;\r\n  border: 2px dashed #e74c4c;\r\n  border-radius: 9px;\r\n  box-shadow: 0 0 0 5px #74e0dc, 0 3px 5px 6px rgb(113 48 30 \/ 38%);\r\n}\r\n\r\n#author-thumbnail.ytd-comment-simplebox-renderer,\r\n#avatar.ytd-active-account-header-renderer,\r\nyt-img-shadow.ytd-topbar-menu-button-renderer {\r\n  border-radius: 5px;\r\n  box-shadow: 0 0 0 2px #4d75c9, 0 0 0 5px #74e0dc;\r\n}\r\n\r\n#avatar.ytd-active-account-header-renderer:hover,\r\nyt-img-shadow.ytd-topbar-menu-button-renderer:hover {\r\n  transform: scale(1.1);\r\n}\r\n\r\n#author-thumbnail.ytd-comment-renderer yt-img-shadow.ytd-comment-renderer {\r\n  box-shadow: 0 0 0 2px #4d75c9, 0 0 0 5px #74e0dc;\r\n}\r\n\r\nytd-section-list-renderer[engagement-panel]:not([engagement-panel-dropdown]) #contents.ytd-section-list-renderer {\r\n  padding-left: 5px;\r\n}\r\n\r\nytd-section-list-renderer.ytd-engagement-panel-section-list-renderer {\r\n  padding-left: 15px;\r\n}\r\n\r\nytd-engagement-panel-section-list-renderer,\r\nytd-sponsorships-offer-renderer[dialog][dialog][dialog],\r\ntp-yt-paper-dialog,\r\nytd-pdg-buy-flow-renderer[dialog][dialog][dialog] {\r\n  background: #d9edf2;\r\n  border: 2px dashed #e74c4c;\r\n  border-radius: 9px;\r\n  box-shadow: 0 0 0 5px #74e0dc;\r\n}\r\n\r\nyt-dropdown-menu yt-dropdown-menu .yt-dropdown-menu[style-target=label-text],\r\n.yt-dropdown-menu[style-target=label-text],\r\nytd-pdg-super-vod-selectable-item-button-renderer[selected] #price.ytd-pdg-super-vod-selectable-item-button-renderer {\r\n  color: #49687a;\r\n}\r\n\r\nytd-rich-metadata-renderer {\r\n  background: #d9edf2;\r\n  border-radius: 19px !important;\r\n  box-shadow: 0 0 0 2px #e74c4c;\r\n}\r\n\r\nytd-post-renderer[uses-compact-lockup] {\r\n  background-color: #111a35;\r\n  background-image: radial-gradient(circle at 10px 10px, #eef8ff 0 2px, transparent 3px);\r\n  background-size: 24px 24px;\r\n  background-blend-mode: overlay;\r\n  border: 6px double #e74c4c;\r\n  border-radius: 2px;\r\n  box-shadow: 5px 5px 10px -2px rgb(113 48 30 \/ 30%);\r\n  transition: .5s;\r\n  transition-delay: .3s;\r\n}\r\n\r\nytd-post-renderer[uses-compact-lockup]:not(:hover) {\r\n  height: 60px;\r\n  box-shadow: 0 4px 5px 3px rgb(113 48 30 \/ 40%);\r\n  transition: all 1s cubic-bezier(0, 0, 0, -.3) 3s;\r\n}\r\n\r\n.ytp-popup {\r\n  background: #4d75c9;\r\n  border-radius: 9px;\r\n  box-shadow: 0 0 0 2px #74e0dc, 0 0 0 4px #e74c4c !important;\r\n}\r\n\r\n#header.ytd-engagement-panel-title-header-renderer,\r\n#show-hide-button.ytd-live-chat-frame > ytd-toggle-button-renderer.ytd-live-chat-frame,\r\nytd-multi-page-menu-renderer,\r\nytd-active-account-header-renderer,\r\nytd-simple-menu-header-renderer {\r\n  background: #e74c4c !important;\r\n}\r\n\r\nyt-live-chat-app,\r\n#contents.yt-live-chat-app,\r\n#contents.yt-live-chat-app > *.yt-live-chat-app,\r\n#content-pages.yt-live-chat-renderer {\r\n  border-radius: 19px 19px 0 0;\r\n}\r\n\r\nytd-live-chat-frame {\r\n  border-radius: 9px;\r\n  box-shadow: 0 0 0 3px #74e0dc;\r\n}\r\n\r\nyt-live-chat-renderer {\r\n  background: #4d75c9 !important;\r\n}\r\n\r\nyt-live-chat-message-input-renderer,\r\nyt-live-chat-header-renderer {\r\n  background-color: #e74c4c !important;\r\n}\r\n\r\n.yt-spec-icon-badge-shape,\r\n.yt-spec-button-shape-next--mono.yt-spec-button-shape-next--text,\r\n#country-code.ytd-topbar-logo-renderer,\r\nyt-icon.ytd-logo {\r\n  color: #d9edf2;\r\n}\r\n\r\nyt-icon.ytd-topbar-logo-renderer,\r\n[id=\"logo\"][class=\"style-scope ytd-masthead\"] yt-icon.ytd-logo {\r\n  height: 100%;\r\n  width: 121px;\r\n}\r\n\r\n#logo-icon svg.style-scope.yt-icon {\r\n  overflow: visible;\r\n}\r\n\r\nytd-app,\r\nytd-app * {\r\n  font-family: Menlo, Monaco, \"Courier New\", ui-monospace, monospace !important;\r\n  font-weight: 700;\r\n  letter-spacing: .015em;\r\n}\r\n\r\na.yt-simple-endpoint.yt-formatted-string {\r\n  color: #4d75c9;\r\n}\r\n\r\n#container.yt-clip-creation-renderer {\r\n  background-color: #d9edf2;\r\n}\r\n\r\n::-webkit-scrollbar-track {\r\n  background: transparent !important;\r\n}\r\n\r\n.segment-timestamp.ytd-transcript-segment-renderer {\r\n  color: #d9edf2;\r\n  background-color: #4d75c9;\r\n  border-radius: 25px;\r\n  box-shadow: 0 0 0 2px #74e0dc;\r\n}"},"thumbnail":"https:\/\/coolstyles.org\/storage\/3524\/conversions\/youtube-among-us-cosmic-crewmate-control-room-screen_shot_conversion.webp","checksum":"c8e2b5e9dd440b17f3b394aac24e6330","total_installed":0,"website":{"id":3,"name":"Youtube","slug":"youtube","domain":"youtube.com"},"author":{"id":1,"full_name":"admin","email":"ngaongan@gmail.com"},"category":"hot","url":"https:\/\/coolstyles.org\/style\/youtube-among-us-cosmic-crewmate-control-room-theme.html","url_style":"https:\/\/coolstyles.org\/api\/extension\/style\/298.json"}}