grocery-manager/app/rest/templates/clip-form.tpl

% from app.data.filter import get_query_param
% content = setdefault("content", "") or ""
% disabled = (setdefault("disabled", False) and 'readonly="true"') or ""
<form id="paste" method="{{ method }}" action="{{ action }}" enctype="multipart/form-data">
  <style>
textarea::-webkit-scrollbar {
  width: 11px;
}
textarea {
  color: #cccccc;
  background-color: #080808;
  scrollbar-width: thin;
  scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}
textarea::-webkit-scrollbar-track {
  background: var(--scrollbarBG);
}
textarea::-webkit-scrollbar-thumb {
  background-color: var(--thumbBG) ;
  border-radius: 6px;
  border: 3px solid var(--scrollbarBG);
}
  </style>
  <textarea
    style="width: 80%"
    id="paste-text-area"
    name="paste"
    rows="30"
    {{!disabled}}
    required="true"
    autofocus="true"
    placeholder="Paste something here..."
  >{{ content }}</textarea>
</form>
<form id="copy" method="post" action="{{ action }}">
  <input id="copy-paste" name="paste" type="text" value="{{ content }}" hidden="true" />
  <input id="copy" name="copy" type="text" value="true" hidden="true" />
</form>
<form id="new" method="get" action="{{ action }}"></form>