X-Git-Url: https://gitweb.stoutner.com/?p=PrivacyBrowserAndroid.git;a=blobdiff_plain;f=app%2Fsrc%2Fmain%2Fassets%2Fcss%2Ftheme.css;h=7527682e8d100f039f1b774f893466e73fa83897;hp=ca403a07f33608a2d6dff82397001930a1ae69cc;hb=aa121d6d6df14a0425ac3b5603765dbae7e8d156;hpb=39380e8e8bdb3b9e29569a263277c9c3112b44ac diff --git a/app/src/main/assets/css/theme.css b/app/src/main/assets/css/theme.css index ca403a07..7527682e 100644 --- a/app/src/main/assets/css/theme.css +++ b/app/src/main/assets/css/theme.css @@ -37,6 +37,7 @@ a { } } + /* Headers. */ h3 { color: #0D47A1; /* Blue 900 */ @@ -48,6 +49,7 @@ h3 { } } + /* Red bold text */ strong.red { color: #B71C1C; /* Red 900. */ @@ -59,17 +61,20 @@ strong.red { } } + /* Blue bold text */ strong.blue { color: #1565C0; /* Blue 800. */ } + /* List items. */ item { color: #1565C0; /* Blue 800. */ font-weight: bold; } + /* Header images do not allow the icon to be themed. */ img.header { vertical-align: bottom; @@ -91,6 +96,22 @@ svg.header { } } + +/* Links SVGs allow the icon to be themed. */ +svg.links { + vertical-align: middle; + height: 32; + width: 32; + fill: #0D47A1; /* Blue 900 */ +} + +@media (prefers-color-scheme: dark) { + svg.header { + fill: #8AB4F8; /* Violet 500 */ + } +} + + /* Left aligned images do not allow the icon to be themed. */ img.left { float: left; @@ -112,11 +133,6 @@ svg.left { } } -/* Inline images. */ -img.inline { - height: 16; - width: 16; -} /* SVG icons. */ svg.icon { @@ -132,6 +148,14 @@ svg.icon { } } + +/* Inline images. */ +img.inline { + height: 16; + width: 16; +} + + /* Centered screenshot images. An image must be a block to be centered. */ img.center { display: block; @@ -139,4 +163,13 @@ img.center { margin-right: auto; height: 720; width: 360; +} + +/* Centered screenshot images with a 2.16 aspect ratio. An image must be a block to be centered. */ +img.center216 { + display: block; + margin-left: auto; + margin-right: auto; + height: 780; + width: 360; } \ No newline at end of file