{"code":200,"data":{"id":287,"name":"Google - Ocean Twilight Theme","enabled":false,"update":false,"source":{"domain":"google.com","code":"\/*\r\n * Google Ocean Twilight\r\n * Homepage scope only. Selector compatibility is unverified on current Google.\r\n * No external assets; all decoration is CSS-only and noninteractive.\r\n *\/\r\n\r\n:root {\r\n  --ocean-sky: #dff5fb;\r\n  --ocean-mist: #f5fcff;\r\n  --ocean-foam: #bde9ed;\r\n  --ocean-teal: #087f8c;\r\n  --ocean-deep: #07515f;\r\n  --ocean-ink: #12343b;\r\n  --ocean-sand: #fff3cf;\r\n  --ocean-focus: #5937b9;\r\n  --ocean-shadow: rgba(7, 81, 95, 0.28);\r\n}\r\n\r\n\/* --- Page atmosphere ---------------------------------------------------- *\/\r\n\r\nbody {\r\n  color: var(--ocean-ink);\r\n  background-color: var(--ocean-sky);\r\n  background-image:\r\n    radial-gradient(circle at 12% 17%, rgba(255, 255, 255, 0.86) 0 2px, transparent 3px),\r\n    radial-gradient(circle at 79% 25%, rgba(255, 255, 255, 0.7) 0 2px, transparent 3px),\r\n    radial-gradient(ellipse at 50% 120%, var(--ocean-foam) 0 34%, transparent 35%),\r\n    linear-gradient(155deg, #f7fdff 0%, var(--ocean-sky) 57%, #9fdde4 100%);\r\n  background-size: 42px 42px, 64px 64px, 100% 100%, 100% 100%;\r\n}\r\n\r\n#hptl a,\r\n#gb > div > a {\r\n  color: var(--ocean-deep) !important;\r\n  text-decoration-color: rgba(8, 127, 140, 0.45);\r\n}\r\n\r\n#hptl a:hover,\r\n#gb > div > a:hover {\r\n  color: var(--ocean-teal) !important;\r\n  text-decoration: underline;\r\n  text-underline-offset: 3px;\r\n}\r\n\r\n\/* --- Search ------------------------------------------------------------- *\/\r\n\r\n.RNNXgb,\r\n.sbibod {\r\n  border: 3px solid var(--ocean-deep) !important;\r\n  border-radius: 999px !important;\r\n  background: var(--ocean-mist) !important;\r\n  box-shadow: 0 5px 0 var(--ocean-deep), inset 0 0 0 4px var(--ocean-foam) !important;\r\n  transition: transform 150ms ease, box-shadow 150ms ease;\r\n}\r\n\r\n.RNNXgb:hover,\r\n.RNNXgb:focus-within,\r\n.sbibod:hover,\r\n.sbibod:focus-within {\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 8px 0 var(--ocean-deep), inset 0 0 0 4px #e6fbfc !important;\r\n}\r\n\r\n.gLFyf,\r\n.lst {\r\n  color: var(--ocean-ink) !important;\r\n  caret-color: var(--ocean-teal);\r\n}\r\n\r\n.wFncld,\r\n.lBbtTb {\r\n  color: var(--ocean-deep) !important;\r\n}\r\n\r\n.gLFyf:focus-visible {\r\n  outline: 3px solid var(--ocean-focus) !important;\r\n  outline-offset: 4px;\r\n}\r\n\r\n\/* --- Suggestions -------------------------------------------------------- *\/\r\n\r\n.aajZCb {\r\n  overflow: hidden;\r\n  border: 3px solid var(--ocean-deep) !important;\r\n  border-top: 0 !important;\r\n  border-radius: 0 0 18px 18px !important;\r\n  background: var(--ocean-mist) !important;\r\n  box-shadow: 0 5px 0 var(--ocean-shadow) !important;\r\n}\r\n\r\n.aajZCb .sbl2,\r\n.aajZCb .mus_tt20,\r\n.aajZCb .mus_tt17 {\r\n  color: var(--ocean-ink) !important;\r\n}\r\n\r\n.aajZCb .sbhl,\r\n.aajZCb li:hover {\r\n  background: #d9f4f5 !important;\r\n}\r\n\r\n\/* --- Homepage actions --------------------------------------------------- *\/\r\n\r\n.FPdoLc input[type=\"submit\"],\r\n.sbdd_a input {\r\n  border: 3px solid var(--ocean-deep) !important;\r\n  border-radius: 999px !important;\r\n  background: linear-gradient(#19a5ae, var(--ocean-teal)) !important;\r\n  color: #ffffff !important;\r\n  box-shadow: 0 4px 0 var(--ocean-deep) !important;\r\n  font-weight: 700 !important;\r\n  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);\r\n  transition: transform 140ms ease, box-shadow 140ms ease, filter 140ms ease;\r\n}\r\n\r\n.FPdoLc input[type=\"submit\"]:hover,\r\n.sbdd_a input:hover {\r\n  filter: brightness(1.08);\r\n  transform: translateY(-1px);\r\n  box-shadow: 0 5px 0 var(--ocean-deep) !important;\r\n}\r\n\r\n.FPdoLc input[type=\"submit\"]:active,\r\n.sbdd_a input:active {\r\n  transform: translateY(3px);\r\n  box-shadow: 0 1px 0 var(--ocean-deep) !important;\r\n}\r\n\r\n.FPdoLc input[type=\"submit\"]:focus-visible,\r\n.sbdd_a input:focus-visible,\r\n#hptl a:focus-visible,\r\n#gb > div > a:focus-visible {\r\n  outline: 3px solid var(--ocean-focus) !important;\r\n  outline-offset: 3px;\r\n}\r\n\r\n\/* --- Footer ------------------------------------------------------------- *\/\r\n\r\n#footer,\r\n.fbar {\r\n  border-top: 5px solid var(--ocean-teal) !important;\r\n  background-color: var(--ocean-deep) !important;\r\n  background-image: radial-gradient(circle at 16px 12px, rgba(189, 233, 237, 0.45) 0 3px, transparent 4px);\r\n  background-size: 36px 30px;\r\n  color: #f5feff !important;\r\n}\r\n\r\n#footer a,\r\n.fbar a {\r\n  color: #f5feff !important;\r\n}\r\n\r\n@media (max-width: 600px) {\r\n  .RNNXgb,\r\n  .sbibod {\r\n    border-width: 2px !important;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  .RNNXgb,\r\n  .sbibod,\r\n  .FPdoLc input[type=\"submit\"],\r\n  .sbdd_a input {\r\n    transition: none;\r\n  }\r\n}"},"thumbnail":"https:\/\/coolstyles.org\/storage\/3513\/conversions\/google-ocean-twilight-theme-screen_shot_conversion.webp","checksum":"88ef45b31b3667be90a9c0fd13a1c402","total_installed":0,"website":{"id":2,"name":"Google","slug":"google","domain":"google.com"},"author":{"id":1,"full_name":"admin","email":"ngaongan@gmail.com"},"category":"hot","url":"https:\/\/coolstyles.org\/style\/google-ocean-twilight-theme.html","url_style":"https:\/\/coolstyles.org\/api\/extension\/style\/287.json"}}