{"code":200,"data":{"id":296,"name":"X.com \u2014 Aurora Birdwatch Theme","enabled":false,"update":false,"source":{"domain":"x.com","code":"\/* X.com \u2014 Aurora Birdwatch | USER_OBSERVED \/ UNVERIFIED *\/\r\n:root {\r\n  --cs-x-sky-deep: #071a2b;\r\n  --cs-x-sky-mid: #0d3042;\r\n  --cs-x-surface: #103d50;\r\n  --cs-x-surface-hover: #164f62;\r\n  --cs-x-feather: #ecfbf8;\r\n  --cs-x-mist: #b9e0dc;\r\n  --cs-x-menu-text: #d5fff1;\r\n  --cs-x-aurora: #78e5c5;\r\n  --cs-x-aurora-violet: #a9a8ff;\r\n  --cs-x-focus: #fff1a8;\r\n  --cs-x-line: rgb(167 215 213 \/ 24%);\r\n  --cs-x-radius: 22px;\r\n  --cs-x-shadow: 0 18px 38px rgb(1 14 23 \/ 38%), 0 0 22px rgb(120 229 197 \/ 6%);\r\n}\r\n\r\n\/* The navigation becomes a quiet midnight birdwatching station. *\/\r\nheader {\r\n  background:\r\n    radial-gradient(circle at 18% 8%, rgb(120 229 197 \/ 15%), transparent 18rem),\r\n    linear-gradient(180deg, var(--cs-x-sky-deep), #06131f) !important;\r\n  border-right: 1px solid var(--cs-x-line) !important;\r\n  color: var(--cs-x-feather) !important;\r\n}\r\n\r\nnav[aria-label=\"Primary\"][role=\"navigation\"].css-g5y9jx.r-eqz5dr.r-13qz1uu.r-1habvwh {\r\n  background: transparent !important;\r\n  color: var(--cs-x-feather) !important;\r\n}\r\n\r\na[data-testid=\"AppTabBar_Home_Link\"].css-g5y9jx.r-6koalj.r-eqz5dr.r-16y2uox.r-1habvwh.r-13qz1uu.r-1mkv55d.r-1ny4l3l.r-1loqt21 {\r\n  border-radius: 999px !important;\r\n  color: var(--cs-x-feather) !important;\r\n  transition: background-color 160ms ease, box-shadow 160ms ease, color 160ms ease;\r\n}\r\n\r\nspan.css-1jxf684.r-bcqeeo.r-1ttztb7.r-qvutc0.r-poiln3 {\r\n  color: var(--cs-x-menu-text) !important;\r\n  font-family: \"Avenir Next\", \"Segoe UI\", \"Trebuchet MS\", sans-serif !important;\r\n  font-weight: 600 !important;\r\n  letter-spacing: 0.01em;\r\n}\r\n\r\nsvg.r-4qtqp9.r-yyyyoo.r-dnmrzs.r-bnwqim.r-lrvibr.r-m6rgpd.r-18jsvk2.r-lwhw9o.r-cnnz9e {\r\n  color: var(--cs-x-menu-text) !important;\r\n  fill: currentColor !important;\r\n}\r\n\r\na[data-testid=\"AppTabBar_Home_Link\"].css-g5y9jx.r-6koalj.r-eqz5dr.r-16y2uox.r-1habvwh.r-13qz1uu.r-1mkv55d.r-1ny4l3l.r-1loqt21:hover {\r\n  background-color: rgb(120 229 197 \/ 14%) !important;\r\n  box-shadow: 0 0 0 1px rgb(120 229 197 \/ 12%) inset;\r\n  color: var(--cs-x-aurora) !important;\r\n}\r\n\r\na[data-testid=\"AppTabBar_Home_Link\"].css-g5y9jx.r-6koalj.r-eqz5dr.r-16y2uox.r-1habvwh.r-13qz1uu.r-1mkv55d.r-1ny4l3l.r-1loqt21:hover span.css-1jxf684.r-bcqeeo.r-1ttztb7.r-qvutc0.r-poiln3 {\r\n  color: var(--cs-x-aurora) !important;\r\n}\r\n\r\na[data-testid=\"AppTabBar_Home_Link\"].css-g5y9jx.r-6koalj.r-eqz5dr.r-16y2uox.r-1habvwh.r-13qz1uu.r-1mkv55d.r-1ny4l3l.r-1loqt21:hover svg.r-4qtqp9.r-yyyyoo.r-dnmrzs.r-bnwqim.r-lrvibr.r-m6rgpd.r-18jsvk2.r-lwhw9o.r-cnnz9e {\r\n  color: var(--cs-x-aurora) !important;\r\n}\r\n\r\n\/* Post is the luminous primary action; Follow stays a quieter glass action. *\/\r\na[data-testid=\"SideNav_NewTweet_Button\"][aria-label=\"Post\"][role=\"link\"].css-g5y9jx.r-sdzlij.r-1phboty.r-rs99b7.r-lrvibr.r-19yznuf.r-64el8z.r-1fkl15p.r-o7ynqc.r-6416eg.r-1ny4l3l.r-1loqt21 {\r\n  background: linear-gradient(135deg, #65dbbd 0%, var(--cs-x-aurora) 48%, var(--cs-x-aurora-violet) 130%) !important;\r\n  border: 1px solid rgb(236 251 248 \/ 43%) !important;\r\n  border-radius: 999px !important;\r\n  box-shadow: 0 10px 24px rgb(42 182 152 \/ 27%), inset 0 1px 0 rgb(255 255 255 \/ 32%) !important;\r\n  color: #062031 !important;\r\n  transition: box-shadow 160ms ease, filter 160ms ease;\r\n}\r\n\r\na[data-testid=\"SideNav_NewTweet_Button\"] div.css-146c3p1.r-qvutc0.r-37j5jr.r-q4m81j.r-a023e6.r-rjixqe.r-b88u0q.r-1awozwy.r-6koalj.r-18u37iz.r-16y2uox.r-bcqeeo.r-1777fci,\r\na[data-testid=\"SideNav_NewTweet_Button\"] span.css-1jxf684.r-bcqeeo.r-1ttztb7.r-qvutc0.r-poiln3 {\r\n  color: #062031 !important;\r\n}\r\n\r\na[data-testid=\"SideNav_NewTweet_Button\"][aria-label=\"Post\"][role=\"link\"].css-g5y9jx.r-sdzlij.r-1phboty.r-rs99b7.r-lrvibr.r-19yznuf.r-64el8z.r-1fkl15p.r-o7ynqc.r-6416eg.r-1ny4l3l.r-1loqt21:hover {\r\n  box-shadow: 0 13px 29px rgb(42 182 152 \/ 39%), 0 0 19px rgb(169 168 255 \/ 26%), inset 0 1px 0 rgb(255 255 255 \/ 40%) !important;\r\n  filter: brightness(1.07);\r\n}\r\n\r\na[data-testid=\"SideNav_NewTweet_Button\"][aria-label=\"Post\"][role=\"link\"].css-g5y9jx.r-sdzlij.r-1phboty.r-rs99b7.r-lrvibr.r-19yznuf.r-64el8z.r-1fkl15p.r-o7ynqc.r-6416eg.r-1ny4l3l.r-1loqt21:active {\r\n  filter: brightness(0.96);\r\n}\r\n\r\na[data-testid=\"SideNav_NewTweet_Button\"][aria-label=\"Post\"][role=\"link\"].css-g5y9jx.r-sdzlij.r-1phboty.r-rs99b7.r-lrvibr.r-19yznuf.r-64el8z.r-1fkl15p.r-o7ynqc.r-6416eg.r-1ny4l3l.r-1loqt21:focus-visible,\r\ndiv.css-g5y9jx.r-1cwvpvk > button:focus-visible {\r\n  outline: 2px solid var(--cs-x-focus) !important;\r\n  outline-offset: 3px;\r\n}\r\n\r\ndiv.css-g5y9jx.r-1cwvpvk > button {\r\n  background: linear-gradient(135deg, rgb(120 229 197 \/ 18%), rgb(169 168 255 \/ 13%)) !important;\r\n  border: 1px solid rgb(120 229 197 \/ 52%) !important;\r\n  border-radius: 999px !important;\r\n  box-shadow: inset 0 1px 0 rgb(255 255 255 \/ 14%), 0 5px 14px rgb(1 14 23 \/ 16%) !important;\r\n  color: var(--cs-x-menu-text) !important;\r\n  transition: background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease;\r\n}\r\n\r\ndiv.css-g5y9jx.r-1cwvpvk > button:hover {\r\n  background: linear-gradient(135deg, rgb(120 229 197 \/ 30%), rgb(169 168 255 \/ 23%)) !important;\r\n  border-color: var(--cs-x-aurora) !important;\r\n  box-shadow: inset 0 1px 0 rgb(255 255 255 \/ 20%), 0 8px 19px rgb(1 14 23 \/ 24%), 0 0 15px rgb(120 229 197 \/ 13%) !important;\r\n}\r\n\r\n\/* Scope the circular aurora frame to the account-menu logo wrapper only. *\/\r\nbutton[data-testid=\"SideNav_AccountSwitcher_Button\"] > div.css-g5y9jx:first-child {\r\n  background: radial-gradient(circle at 30% 20%, rgb(236 251 248 \/ 19%), rgb(120 229 197 \/ 10%) 44%, rgb(169 168 255 \/ 13%) 100%) !important;\r\n  border: 2px solid rgb(120 229 197 \/ 70%) !important;\r\n  border-radius: 50% !important;\r\n  box-shadow: 0 0 0 3px rgb(169 168 255 \/ 10%), 0 7px 18px rgb(1 14 23 \/ 30%), inset 0 1px 0 rgb(255 255 255 \/ 24%) !important;\r\n}\r\n\r\nbutton[data-testid=\"SideNav_AccountSwitcher_Button\"]:hover > div.css-g5y9jx:first-child {\r\n  border-color: var(--cs-x-focus) !important;\r\n  box-shadow: 0 0 0 4px rgb(120 229 197 \/ 14%), 0 9px 22px rgb(1 14 23 \/ 36%), 0 0 19px rgb(120 229 197 \/ 21%), inset 0 1px 0 rgb(255 255 255 \/ 30%) !important;\r\n}\r\n\r\na[data-testid=\"AppTabBar_Home_Link\"].css-g5y9jx.r-6koalj.r-eqz5dr.r-16y2uox.r-1habvwh.r-13qz1uu.r-1mkv55d.r-1ny4l3l.r-1loqt21:focus-visible,\r\narticle[data-testid=\"tweet\"][role=\"article\"].css-g5y9jx.r-18u37iz.r-1udh08x.r-1c4vpko.r-1c7gwzm.r-o7ynqc.r-6416eg.r-1ny4l3l.r-1loqt21:focus-visible {\r\n  outline: 2px solid var(--cs-x-focus) !important;\r\n  outline-offset: 3px;\r\n}\r\n\r\n\/* Aurora stays in the application canvas and never affects user media. *\/\r\nmain.css-g5y9jx.r-16y2uox.r-1wbh5a2.r-1habvwh {\r\n  background:\r\n    radial-gradient(ellipse at 92% 4%, rgb(169 168 255 \/ 17%), transparent 29rem),\r\n    radial-gradient(ellipse at 4% 26%, rgb(120 229 197 \/ 12%), transparent 24rem),\r\n    linear-gradient(150deg, var(--cs-x-sky-deep) 0%, var(--cs-x-sky-mid) 54%, #081f30 100%) !important;\r\n  border: 0 !important;\r\n  color: var(--cs-x-feather) !important;\r\n}\r\n\r\n\/* Let the timeline list inherit the main aurora canvas instead of a separate surface. *\/\r\nsection[aria-labelledby=\"accessible-list-0\"][role=\"region\"].css-g5y9jx {\r\n  background: transparent !important;\r\n}\r\n\r\n\/* Tabs sit on their own quiet aurora strip while keeping native tab behavior. *\/\r\ndiv.css-g5y9jx.r-1e5uvyk.r-6026j {\r\n  background: linear-gradient(135deg, rgb(120 229 197 \/ 9%), rgb(169 168 255 \/ 7%)) !important;\r\n  border: 1px solid rgb(185 224 220 \/ 18%) !important;\r\n  border-radius: var(--cs-x-radius) !important;\r\n  box-shadow: inset 0 1px 0 rgb(255 255 255 \/ 8%) !important;\r\n  margin-bottom: 15px !important;\r\n}\r\n\r\ndiv.css-g5y9jx.r-1awozwy.r-j5o65s.r-rull8r.r-qklmqi.r-18u37iz {\r\n  border-bottom: none !important;\r\n}\r\n\r\n\/* Composer uses the same translucent aurora surface as the timeline cards. *\/\r\ndiv.css-g5y9jx.r-14lw9ot.r-184en5c {\r\n  background:\r\n    linear-gradient(135deg, rgb(120 229 197 \/ 10%), rgb(169 168 255 \/ 7%)),\r\n    rgb(7 31 44 \/ 76%) !important;\r\n  border: 1px solid rgb(185 224 220 \/ 22%) !important;\r\n  border-radius: var(--cs-x-radius) !important;\r\n  box-shadow: inset 0 1px 0 rgb(255 255 255 \/ 10%) !important;\r\n  color: var(--cs-x-feather) !important;\r\n  margin: 15px 0 !important;\r\n  padding: 15px !important;\r\n}\r\n\r\n\/* Premium and right-rail cards share the same readable frosted aurora treatment. *\/\r\naside[aria-label=\"Subscribe to Premium\"][role=\"complementary\"].css-g5y9jx.r-1habvwh.r-eqz5dr.r-uaa2di.r-w7s2jr.r-u9wvl5.r-bnwqim,\r\ndiv.css-g5y9jx.r-14lw9ot.r-jxzhtn.r-1867qdf.r-1phboty.r-rs99b7.r-1ifxtd0.r-1udh08x {\r\n  background:\r\n    radial-gradient(circle at 18% 12%, rgb(236 251 248 \/ 15%), transparent 31%),\r\n    linear-gradient(135deg, rgb(122 225 209 \/ 11%), rgb(169 168 255 \/ 8%)) !important;\r\n  border: 1px solid rgb(185 224 220 \/ 28%) !important;\r\n  box-shadow: 0 12px 28px rgb(1 14 23 \/ 20%), inset 0 1px 0 rgb(255 255 255 \/ 14%) !important;\r\n  color: var(--cs-x-feather) !important;\r\n  -webkit-backdrop-filter: blur(8px) saturate(118%);\r\n  backdrop-filter: blur(8px) saturate(118%);\r\n}\r\n\r\narticle[data-testid=\"tweet\"][role=\"article\"].css-g5y9jx.r-18u37iz.r-1udh08x.r-1c4vpko.r-1c7gwzm.r-o7ynqc.r-6416eg.r-1ny4l3l.r-1loqt21 {\r\n  background:\r\n    linear-gradient(120deg, rgb(120 229 197 \/ 8%), transparent 38%),\r\n    rgb(7 31 44 \/ 84%) !important;\r\n  border: 1px solid var(--cs-x-line) !important;\r\n  border-radius: var(--cs-x-radius) !important;\r\n  box-shadow: var(--cs-x-shadow) !important;\r\n  color: var(--cs-x-feather) !important;\r\n  margin: 15px 0 !important;\r\n  transition: background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease;\r\n}\r\n\r\narticle[data-testid=\"tweet\"][role=\"article\"].css-g5y9jx.r-18u37iz.r-1udh08x.r-1c4vpko.r-1c7gwzm.r-o7ynqc.r-6416eg.r-1ny4l3l.r-1loqt21:hover {\r\n  background:\r\n    linear-gradient(120deg, rgb(120 229 197 \/ 13%), transparent 42%),\r\n    var(--cs-x-surface-hover) !important;\r\n  border-color: rgb(120 229 197 \/ 46%) !important;\r\n  box-shadow: 0 22px 45px rgb(1 14 23 \/ 45%), 0 0 28px rgb(120 229 197 \/ 13%), inset 0 1px 0 rgb(236 251 248 \/ 8%) !important;\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  a[data-testid=\"AppTabBar_Home_Link\"].css-g5y9jx.r-6koalj.r-eqz5dr.r-16y2uox.r-1habvwh.r-13qz1uu.r-1mkv55d.r-1ny4l3l.r-1loqt21,\r\n  article[data-testid=\"tweet\"][role=\"article\"].css-g5y9jx.r-18u37iz.r-1udh08x.r-1c4vpko.r-1c7gwzm.r-o7ynqc.r-6416eg.r-1ny4l3l.r-1loqt21,\r\n  a[data-testid=\"SideNav_NewTweet_Button\"][aria-label=\"Post\"][role=\"link\"].css-g5y9jx.r-sdzlij.r-1phboty.r-rs99b7.r-lrvibr.r-19yznuf.r-64el8z.r-1fkl15p.r-o7ynqc.r-6416eg.r-1ny4l3l.r-1loqt21,\r\n  div.css-g5y9jx.r-1cwvpvk > button {\r\n    transition: none;\r\n  }\r\n}"},"thumbnail":"https:\/\/coolstyles.org\/storage\/3522\/conversions\/x-aurora-birdwatch-screen_shot_conversion.webp","checksum":"9959d7b787d7bd3335cb221b56799182","total_installed":0,"website":{"id":5,"name":"Twitter","slug":"twitter","domain":"x.com"},"author":{"id":1,"full_name":"admin","email":"ngaongan@gmail.com"},"category":"hot","url":"https:\/\/coolstyles.org\/style\/xcom-aurora-birdwatch-theme.html","url_style":"https:\/\/coolstyles.org\/api\/extension\/style\/296.json"}}