Issues with "noscript" admonition

[nikita-kun]

The "JS disabled" admonition shows up as a block of bleak graey text on white background when the dark mode is active.
The contrast ratio is 1.06 rgb(241, 241, 241) vs rgb(248, 248, 248), way below the WCAG distinguishability criterion.

---

The admonition continues to obstruct the page as the page is scrolled, worsening user experience.

---

There is some padding for the admonition of 160px at the top of the page, but on mobile devices, the admonition does not fit into that space.

---

The admonition is not dismissable. In noscript environment one can still make an interactive modal by using :target CSS pseudo-class.

I enjoy reading the articles on my desktop with JS enabled, while looking through the references and related articles in the same tab, but in the case of the phone, these features do not scale well and the floater is quite repelling.
A full-width, dismissable, or at least non-floating admonition would be more appreciable.

---

The existing template suggests that the admonition should respect the light/dark mode, but the background color is hardcoded, while the font color is not:

#markdownBody #noscript-warning-header {
  position: fixed;
  /* sticky */
  top: 6px;
  /* at top */
  width: 58%;
  z-index: 99;
  /* Make sure it is on top */
  background-color: #f8f8f8;
  /* Set a solid background color so legible while positioned over text */
  border-color: var(--GW-abstract-border-color);
  /* Make look like theme-toggle/admonitions a bit more */
  border-width: 6px 6px 6px 6px;
  border-style: double;
}

---

A side-by-side view of an article with/without js:
https://nikita-kun.github.io/order/#viewMode=horizontal&viewStart=1&gallerySize=2&contentOnly=0&input=https%3A%2F%2Fgwern.net%2Fnote%2Ffaster%60noscript%0Ahttps%3A%2F%2Fgwern.net%2Fnote%2Ffaster%60script

[nikita-kun]

Pull request #13, fixes color and location, not dismissible.