Mercurial > addons > firefox-addons > feed-preview

annotate web_resources/style/common.css @ 22:38b20de704a0

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
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 c271192aac9d
children
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
8
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 0
diff changeset
1 /*
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 0
diff changeset
2 * Copyright (C) 2018 Guido Berhoerster <guido+feed-preview@berhoerster.name>
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 0
diff changeset
3 *
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 0
diff changeset
4 * This Source Code Form is subject to the terms of the Mozilla Public
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 0
diff changeset
5 * License, v. 2.0. If a copy of the MPL was not distributed with this
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 0
diff changeset
6 * file, You can obtain one at http://mozilla.org/MPL/2.0/.
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 0
diff changeset
7 */
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 0
diff changeset
8
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 0
diff changeset
9 @import url("chrome://browser/content/extension.css");
0
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
10 @import url("photon-colors.css");
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
11
8
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 0
diff changeset
12 :root {
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 0
diff changeset
13 --link-color: var(--blue-50);
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 0
diff changeset
14 --link-hover-color: var(--blue-60);
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 0
diff changeset
15 --link-active-color: var(--blue-70);
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 0
diff changeset
16 }
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 0
diff changeset
17
0
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
18 html,
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
19 body {
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
20 margin: 0;
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
21 line-height: 1.4em;
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
22 }
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
23
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
24 h1, h2, h3, h4, h5, h6 {
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
25 line-height: 1.15em;
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
26 }
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
27
8
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 0
diff changeset
28 :any-link {
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 0
diff changeset
29 color: var(--link-color);
0
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
30 text-decoration: none;
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
31 }
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
32
8
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 0
diff changeset
33 :any-link:hover {
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 0
diff changeset
34 color: var(--link-hover-color);
0
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
35 text-decoration: underline;
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
36 }
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
37
8
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 0
diff changeset
38 :any-link:active {
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 0
diff changeset
39 color: var(--link-active-color);
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 0
diff changeset
40 text-decoration: underline;
0
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
41 }