extras/firefox-theme.html
2023-08-30 21:39:53 +03:00

447 lines
14 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Firefox theme</title>
<!--<meta name="title" content="">-->
<!--<meta name="author" content="">-->
<meta name="description" content="Several color themes for the Firefox browser in a flat style: light flat, dark flat, and several with other colors.">
<meta name="keywords" content="Firefox theme,
theme for Firefox,
Firefox dark theme,
Firefox light theme">
<link rel="alternate" type="application/rss+xml" title="Inonehp Blog RSS" href="/rss.xml">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="color-scheme" content="light dark">
<!--<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">-->
<meta name="generator" content="">
<!--
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Expires" content="-1">
-->
<meta http-equiv="Cache-Control" content="max-age=86400, must-revalidate">
<!--<meta name="referrer" content="no-referrer" />--><!-- something breaks -->
<!--<meta name="theme-color" media="(prefers-color-scheme: light)" content="#F2F2F2">
<meta name="theme-color" media="(prefers-color-scheme: dark)" content="#3E3E3E">--><!-- generated in main js -->
<link rel="icon" sizes="512x512" href="/img/logo.png" type="image/png">
<!-- start main css -->
<link rel="preload" href="/js/main.js" as="script">
<link rel="preload" href="/data/adsJsonVar.js" as="script">
<link rel="preload" href="/js/ad.js" as="script">
<link rel="preload" href="/css/style-main.css" as="style">
<link rel="stylesheet" href="/css/style-main.css" type="text/css">
<link rel="preload" href="/css/style.css" as="style">
<link rel="stylesheet" href="/css/style.css" type="text/css">
<link rel="stylesheet" type="text/css" href="/css/style-main.css" id="theme">
<noscript><link rel="stylesheet" type="text/css" href="/css/light.css"></noscript>
<!-- and main css -->
<link rel="preload" href="/projects/17-insert-icon/script.js" as="script">
<!-- for icons -->
<!--
<link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
<link rel="preload" href="https://fonts.googleapis.com/icon?family=Material+Icons" as="style" crossorigin>
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
-->
</head>
<body>
<header class="wrapper3 topNav capitalize tLeft">
<nav>
<a href="../"><img class="logo2" src="/img/logo.png" alt="i"></a>
<!-- start menuTop for Desktop -->
<div class="menuTop">
<a class="countMenuItem brand" href="art.html">art</a><br>
<a class="countMenuItem brand" href="blog.html">blog</a><br>
<a class="countMenuItem brand" href="templates.html">templates</a><br>
<a class="countMenuItem brand" href="projects.html">projects</a><br>
<a class="countMenuItem brand" href="mini-projects.html">mini-projects</a><br>
<a class="countMenuItem brand" href="about.html">about</a><br>
</div>
<!-- end menuTop -->
<!-- start menuTop dropdown menu, for mobile -->
<!-- https://www.w3schools.com/howto/howto_js_dropdown.asp -->
<button onclick="dropdownMenuFunction();" class="brand" id="dropdownMenuButton">☰ Menu</button>
<div id="dropdownMenu" class="dropdownMenuContent shadow bg2 padding2 wrapper">
<div class="dropdownMenuWrapper">
<!--<div class="padding2">section</div>-->
<div class="dropdownMenuContentColumn">
<!-- menu dublicate -->
<a class="countMenuItem brand" href="art.html">art</a><br>
<a class="countMenuItem brand" href="blog.html">blog</a><br>
<a class="countMenuItem brand" href="templates.html">templates</a><br>
<a class="countMenuItem brand" href="projects.html">projects</a><br>
<a class="countMenuItem brand" href="mini-projects.html">mini-projects</a><br>
<a class="countMenuItem brand" href="about.html">about</a><br>
<!-- //menu dublicate -->
</div>
</div>
</div>
<!--<hr />-->
<!-- // end dropdown menu -->
<a href="#"></a>
<form action="/sitemap.html" role="search">
<input type="search" placeholder="search on site" name="q" autocomplete="off">
</form>
<!-- uncomment if fot not support script, tested only on old version menu
<noscript>
<style>
.dropdownMenuContent, #dropdownMenu { display: block; position: relative; }
</style>
</noscript>
-->
<!--<hr />-->
</nav>
</header>
<!-- content -->
<div class="content">
<h1 class="tCenter op">Firefox theme</h1>
<div class="center">
<!-- post -->
<div class="postXL bgList border3List" id="9">
<div class="block padding-bottom2 bold text-transform-capitalize"><a href="/"><img class="ico" src="/img/logo.png" width="20" alt="logo">inonehp</a></div>
<span class="pre"><a class="brand" href="firefox-theme/light-olive-flat-theme.png">firefox-theme/light-olive-flat-theme.png</a>
<a href="firefox-theme/light-olive-flat-theme.png"><img class="img border3" src="firefox-theme/light-olive-flat-theme.png" width=""></a> </span>
<div class="postFooter">
<span class="postTagList"></span>
<span class="postTime"></span>
</div>
</div>
<!-- // post -->
<!-- post -->
<div class="postXL bgList border3List" id="8">
<div class="block padding-bottom2 bold text-transform-capitalize"><a href="/"><img class="ico" src="/img/logo.png" width="20" alt="logo">inonehp</a></div>
<span class="pre"><a class="brand" href="firefox-theme/light-olive-flat-theme-abc.zip">light-olive-flat-theme-abc.zip</a> <span class="op">(494 B)</span></span>
<div class="postFooter">
<span class="postTagList"></span>
<span class="postTime"></span>
</div>
</div>
<!-- // post -->
<!-- post -->
<div class="postXL bgList border3List" id="7">
<div class="block padding-bottom2 bold text-transform-capitalize"><a href="/"><img class="ico" src="/img/logo.png" width="20" alt="logo">inonehp</a></div>
<span class="pre"><a class="brand" href="firefox-theme/light-flat-theme.png">firefox-theme/light-flat-theme.png</a>
<a href="firefox-theme/light-flat-theme.png"><img class="img border3" src="firefox-theme/light-flat-theme.png" width=""></a> </span>
<div class="postFooter">
<span class="postTagList"></span>
<span class="postTime"></span>
</div>
</div>
<!-- // post -->
<!-- post -->
<div class="postXL bgList border3List" id="6">
<div class="block padding-bottom2 bold text-transform-capitalize"><a href="/"><img class="ico" src="/img/logo.png" width="20" alt="logo">inonehp</a></div>
<span class="pre"><a class="brand" href="firefox-theme/light-flat-theme-abc.zip">light-flat-theme-abc.zip</a> <span class="op">(477 B)</span></span>
<div class="postFooter">
<span class="postTagList"></span>
<span class="postTime"></span>
</div>
</div>
<!-- // post -->
<!-- post -->
<div class="postXL bgList border3List" id="5">
<div class="block padding-bottom2 bold text-transform-capitalize"><a href="/"><img class="ico" src="/img/logo.png" width="20" alt="logo">inonehp</a></div>
<span class="pre"><a class="brand" href="firefox-theme/light-blue-flat-theme.png">firefox-theme/light-blue-flat-theme.png</a>
<a href="firefox-theme/light-blue-flat-theme.png"><img class="img border3" src="firefox-theme/light-blue-flat-theme.png" width=""></a> </span>
<div class="postFooter">
<span class="postTagList"></span>
<span class="postTime"></span>
</div>
</div>
<!-- // post -->
<!-- post -->
<div class="postXL bgList border3List" id="4">
<div class="block padding-bottom2 bold text-transform-capitalize"><a href="/"><img class="ico" src="/img/logo.png" width="20" alt="logo">inonehp</a></div>
<span class="pre"><a class="brand" href="firefox-theme/light-blue-flat-theme-abc.zip">light-blue-flat-theme-abc.zip</a> <span class="op">(496 B)</span></span>
<div class="postFooter">
<span class="postTagList"></span>
<span class="postTime"></span>
</div>
</div>
<!-- // post -->
<!-- post -->
<div class="postXL bgList border3List" id="3">
<div class="block padding-bottom2 bold text-transform-capitalize"><a href="/"><img class="ico" src="/img/logo.png" width="20" alt="logo">inonehp</a></div>
<span class="pre"><a class="brand" href="firefox-theme/dark-flat-theme.png">firefox-theme/dark-flat-theme.png</a>
<a href="firefox-theme/dark-flat-theme.png"><img class="img border3" src="firefox-theme/dark-flat-theme.png" width=""></a> </span>
<div class="postFooter">
<span class="postTagList"></span>
<span class="postTime"></span>
</div>
</div>
<!-- // post -->
<!-- post -->
<div class="postXL bgList border3List" id="2">
<div class="block padding-bottom2 bold text-transform-capitalize"><a href="/"><img class="ico" src="/img/logo.png" width="20" alt="logo">inonehp</a></div>
<span class="pre"><a class="brand" href="firefox-theme/dark-flat-theme-abc.zip">dark-flat-theme-abc.zip</a> <span class="op">(501 B)</span></span>
<div class="postFooter">
<span class="postTagList"></span>
<span class="postTime"></span>
</div>
</div>
<!-- // post -->
<!-- post -->
<div class="postXL bgList border3List" id="18">
<div class="block padding-bottom2 bold text-transform-capitalize"><a href="/"><img class="ico" src="/img/logo.png" width="20" alt="logo">inonehp</a></div>
<span class="pre">firefox-theme/README.md </span>
<div class="postFooter">
<span class="postTagList"></span>
<span class="postTime"></span>
</div>
</div>
<!-- // post -->
<!-- post -->
<div class="postXL bgList border3List" id="17">
<div class="block padding-bottom2 bold text-transform-capitalize"><a href="/"><img class="ico" src="/img/logo.png" width="20" alt="logo">inonehp</a></div>
<span class="pre"><a class="brand" href="firefox-theme/light-violet-flat-theme.png">firefox-theme/light-violet-flat-theme.png</a>
<a href="firefox-theme/light-violet-flat-theme.png"><img class="img border3" src="firefox-theme/light-violet-flat-theme.png" width=""></a> </span>
<div class="postFooter">
<span class="postTagList"></span>
<span class="postTime"></span>
</div>
</div>
<!-- // post -->
<!-- post -->
<div class="postXL bgList border3List" id="16">
<div class="block padding-bottom2 bold text-transform-capitalize"><a href="/"><img class="ico" src="/img/logo.png" width="20" alt="logo">inonehp</a></div>
<span class="pre"><a class="brand" href="firefox-theme/light-violet-flat-theme-abc.zip">light-violet-flat-theme-abc.zip</a> <span class="op">(497 B)</span></span>
<div class="postFooter">
<span class="postTagList"></span>
<span class="postTime"></span>
</div>
</div>
<!-- // post -->
<!-- post -->
<div class="postXL bgList border3List" id="15">
<div class="block padding-bottom2 bold text-transform-capitalize"><a href="/"><img class="ico" src="/img/logo.png" width="20" alt="logo">inonehp</a></div>
<span class="pre"><a class="brand" href="firefox-theme/light-sea-flat-theme.png">firefox-theme/light-sea-flat-theme.png</a>
<a href="firefox-theme/light-sea-flat-theme.png"><img class="img border3" src="firefox-theme/light-sea-flat-theme.png" width=""></a> </span>
<div class="postFooter">
<span class="postTagList"></span>
<span class="postTime"></span>
</div>
</div>
<!-- // post -->
<!-- post -->
<div class="postXL bgList border3List" id="14">
<div class="block padding-bottom2 bold text-transform-capitalize"><a href="/"><img class="ico" src="/img/logo.png" width="20" alt="logo">inonehp</a></div>
<span class="pre"><a class="brand" href="firefox-theme/light-sea-flat-theme-abc.zip">light-sea-flat-theme-abc.zip</a> <span class="op">(493 B)</span></span>
<div class="postFooter">
<span class="postTagList"></span>
<span class="postTime"></span>
</div>
</div>
<!-- // post -->
<!-- post -->
<div class="postXL bgList border3List" id="13">
<div class="block padding-bottom2 bold text-transform-capitalize"><a href="/"><img class="ico" src="/img/logo.png" width="20" alt="logo">inonehp</a></div>
<span class="pre"><a class="brand" href="firefox-theme/light-pink-flat-theme.png">firefox-theme/light-pink-flat-theme.png</a>
<a href="firefox-theme/light-pink-flat-theme.png"><img class="img border3" src="firefox-theme/light-pink-flat-theme.png" width=""></a> </span>
<div class="postFooter">
<span class="postTagList"></span>
<span class="postTime"></span>
</div>
</div>
<!-- // post -->
<!-- post -->
<div class="postXL bgList border3List" id="12">
<div class="block padding-bottom2 bold text-transform-capitalize"><a href="/"><img class="ico" src="/img/logo.png" width="20" alt="logo">inonehp</a></div>
<span class="pre"><a class="brand" href="firefox-theme/light-pink-flat-theme-abc.zip">light-pink-flat-theme-abc.zip</a> <span class="op">(498 B)</span></span>
<div class="postFooter">
<span class="postTagList"></span>
<span class="postTime"></span>
</div>
</div>
<!-- // post -->
<!-- post -->
<div class="postXL bgList border3List" id="11">
<div class="block padding-bottom2 bold text-transform-capitalize"><a href="/"><img class="ico" src="/img/logo.png" width="20" alt="logo">inonehp</a></div>
<span class="pre"><a class="brand" href="firefox-theme/light-orange-flat-theme.png">firefox-theme/light-orange-flat-theme.png</a>
<a href="firefox-theme/light-orange-flat-theme.png"><img class="img border3" src="firefox-theme/light-orange-flat-theme.png" width=""></a> </span>
<div class="postFooter">
<span class="postTagList"></span>
<span class="postTime"></span>
</div>
</div>
<!-- // post -->
<!-- post -->
<div class="postXL bgList border3List" id="10">
<div class="block padding-bottom2 bold text-transform-capitalize"><a href="/"><img class="ico" src="/img/logo.png" width="20" alt="logo">inonehp</a></div>
<span class="pre"><a class="brand" href="firefox-theme/light-orange-flat-theme-abc.zip">light-orange-flat-theme-abc.zip</a> <span class="op">(498 B)</span></span>
<div class="postFooter">
<span class="postTagList"></span>
<span class="postTime"></span>
</div>
</div>
<!-- // post -->
<div class="postXL bg border3List">
<a class="insertIcon block padding light border3List" href="https://color.firefox.com/">Create own theme with https://color.firefox.com/</a>
<a class="insertIcon block padding light border3List bold brand" href="https://addons.mozilla.org/firefox/user/17469135/">Install from Store</a>
<div class="block padding light border3List small op">Dark and Light inspired by Gnome Yaru theme</div>
</div>
</div>
<!-- //content -->
</div>
<footer>
<div id="footer"></div>
</footer>
<script src="/js/main.js"></script>
<script src="/data/adsJsonVar.js"></script>
<script src="/js/ad.js"></script>
<script>
fuAds('', 'ads2', '');
</script>
<script async src="/projects/17-insert-icon/script.js" onload="insertIcon('insertIcon', 'strict')"></script>
</body>
</html>