Skip to content

Instantly share code, notes, and snippets.

import type { ComponentType } from "react"
import styled from "@emotion/styled"
const GradientBlur = styled.div`
user-select: none;
pointer-events: none;
position: fixed;
top: 0px;
left: 0px;
import { ComponentType } from "react"
export function withHighlight(Component): ComponentType {
return (props) => {
const style = document.createElement("style")
// REPLACE THIS WITH YOUR OWN COLOUR
style.innerHTML = "::selection {background: red;}"
document.head.appendChild(style)
import { ComponentType } from "react"
export function withScroll(Component): ComponentType {
return (props) => {
const style = document.createElement("style")
style.innerHTML =
"::-webkit-scrollbar {width: 0px};" +
"::-webkit-scrollbar-track {background-color: green, padding: 4px};" +
"::-webkit-scrollbar-thumb {background-color: black, border-radius: 8px};" +