view options/options.html @ 22:38b20de704a0

Use seperate grey icon for the page action This does not stand out so much as the orange icon espeacially when using dark themes and should be readable on any theme since there is no transparency. Currently there is neither a way for addons to specify themed icons for page actions nor is it possible to use the browser's foreground and background color as native page action icons do.
author Guido Berhoerster <guido+feed-preview@berhoerster.name>
date Sun, 16 Dec 2018 10:22:19 +0100
parents ff5e5e3eba32
children 688d75e554e0
line wrap: on
line source

<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
<!--
   Copyright (C) 2018 Guido Berhoerster <guido+feed-preview@berhoerster.name>

   This Source Code Form is subject to the terms of the Mozilla Public
   License, v. 2.0. If a copy of the MPL was not distributed with this
   file, You can obtain one at http://mozilla.org/MPL/2.0/.
-->
    <script src="options.js" defer></script>
    <link rel="stylesheet" href="options.css">
  </head>
  <body>
    <template id="feed-reader-item-template">
      <li class="feed-reader-item" draggable="true">
        <label class="feed-reader-label">
          <input type="radio" name="feed-reader" value="" required></input>
          <div class="feed-reader-content">
            <span class="feed-reader-title"></span>
            <span class="feed-reader-url-template"></span>
          </div>
        </label>
      </li>
    </template>
    <h1 id="feed-readers-title"></h1>
    <form id="feed-readers">
      <ul id="feed-reader-selection">
      </ul>
      <fieldset class="browser-style button-box" name="buttons">
        <button type="submit" name="move-up" class="browser-style">
        <button type="submit" name="move-down" class="browser-style">
        <button type="submit" name="remove" class="browser-style">
      </fieldset>
    </form>
    <form id="add-feed-reader">
      <div class="browser-style">
        <label for="feed-reader-title"></label>
        <input type="text" id="feed-reader-title" name="title"
        placeholder="" required>
      </div>
      <div class="browser-style">
        <label for="feed-reader-url-template"></label>
        <input type="text" id="feed-reader-url-template" placeholder=""
        name="url-template" required>
        <p id="feed-reader-url-caption" class="caption"></p>
      </div>
      <div class="browser-style">
        <button type="submit" name="add" class="browser-style">
      </div>
    </form>
  </body>
</html>