mirror of
https://github.com/gorhill/uBlock.git
synced 2024-11-11 17:41:03 +01:00
e917213e81
Related commits: -0662767dd6-99b2a0a761-a8e3118fea-453f5450b6-a45a21f337This commit focuses on implementing the use of CSS `var(...)` throughout so as to make it easy to create themes -- a requirement for uBO to support a dark theme. There is still work to do regarding converting uBO's CSS to completely support `var(...)` but being able to start using theming will help complete and fine tune CSS `var(...)` support. Related issue: - https://github.com/uBlockOrigin/uBlock-issues/issues/401
75 lines
5.3 KiB
HTML
75 lines
5.3 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<link rel="stylesheet" type="text/css" href="css/themes/default.css">
|
|
<link rel="stylesheet" href="css/common.css" type="text/css">
|
|
<link rel="stylesheet" href="css/fa-icons.css" type="text/css">
|
|
<link rel="stylesheet" href="css/popup.css" type="text/css">
|
|
<title data-i18n="extName"></title>
|
|
</head>
|
|
|
|
<body>
|
|
<div id="appinfo"><span id="appname"> </span> <span id="version"> </span></div>
|
|
<div id="panes">
|
|
<div class="tooltipContainer">
|
|
<p id="switch" role="button" aria-label data-tip-position="under" tabindex="0"><span class="fa-icon">power-off</span></p>
|
|
<p id="basicTools">
|
|
<span id="gotoZap" class="fa-icon tool" data-i18n-tip="popupTipZapper" data-tip-position="under">bolt</span>
|
|
<span id="gotoPick" class="fa-icon tool" data-i18n-tip="popupTipPicker" data-tip-position="under">eye-dropper</span>
|
|
<a href="logger-ui.html#_" class="fa-icon tool enabled" aria-label="data-tip" data-i18n-tip="popupTipLog" data-tip-position="under" target="uBOLogger" tabindex="0">list-alt</a>
|
|
<a href="dashboard.html" class="fa-icon tool enabled" aria-label="data-tip" data-i18n-tip="popupTipDashboard" data-tip-position="under" target="uBODashboard" tabindex="0">sliders</a>
|
|
</p>
|
|
<h2 id="dfToggler" data-i18n="popupBlockedRequestPrompt"> </h2>
|
|
<p class="statName">
|
|
<span data-i18n="popupBlockedOnThisPagePrompt"> </span>
|
|
</p>
|
|
<p class="statValue" id="page-blocked">?</p>
|
|
<div id="refresh" class="fa-icon">refresh</div>
|
|
<p class="statName">
|
|
<span data-i18n="popupBlockedSinceInstallPrompt"> </span>
|
|
</p>
|
|
<p class="statValue" id="total-blocked">?</p>
|
|
<h2 data-i18n="popupHitDomainCountPrompt"> </h2>
|
|
<p class="statValue" id="popupHitDomainCount"> </p>
|
|
<div id="extraTools">
|
|
<span id="no-popups" class="hnSwitch fa-icon fa-icon-badged" role="button" aria-label tabindex="0">files-o<svg class="nope" viewBox="0 0 20 20"><path d="M1,1 19,19M1,19 19,1" /></svg></span>
|
|
<span id="no-large-media" class="hnSwitch fa-icon fa-icon-badged" role="button" aria-label tabindex="0">film<svg class="nope" viewBox="0 0 20 20"><path d="M1,1 19,19M1,19 19,1" /></svg></span>
|
|
<span id="no-cosmetic-filtering" class="hnSwitch fa-icon fa-icon-badged" role="button" aria-label tabindex="0">eye-slash<svg class="nope" viewBox="0 0 20 20"><path d="M1,1 19,19M1,19 19,1" /></svg></span>
|
|
<span id="no-remote-fonts" class="hnSwitch fa-icon fa-icon-badged" role="button" aria-label tabindex="0">font<svg class="nope" viewBox="0 0 20 20"><path d="M1,1 19,19M1,19 19,1" /></svg></span>
|
|
<span id="no-scripting" class="hnSwitch fa-icon fa-icon-badged" role="button" aria-label tabindex="0">code<svg class="nope" viewBox="0 0 20 20"><path d="M1,1 19,19M1,19 19,1" /></svg></span>
|
|
</div>
|
|
</div><!-- DO NOT REMOVE --><div class="tooltipContainer">
|
|
<div id="firewallContainer">
|
|
<div data-des="*" data-type="*"><span data-i18n="popupAnyRulePrompt"></span><span data-src="/" data-i18n-tip="popupTipGlobalRules" data-tip-position="under"> </span><span data-src="." data-i18n-tip="popupTipLocalRules" data-tip-position="under"> </span></div>
|
|
<div data-des="*" data-type="image"><span data-i18n="popupImageRulePrompt"></span><span data-src="/"> </span><span data-src="."> </span></div>
|
|
<div data-des="*" data-type="3p"><span data-i18n="popup3pAnyRulePrompt"></span><span data-src="/"> </span><span data-src="."> </span></div>
|
|
<div data-des="*" data-type="inline-script"><span data-i18n="popupInlineScriptRulePrompt"></span><span data-src="/"> </span><span data-src="."> </span></div>
|
|
<div data-des="*" data-type="1p-script"><span data-i18n="popup1pScriptRulePrompt"></span><span data-src="/"> </span><span data-src="."> </span></div>
|
|
<div data-des="*" data-type="3p-script"><span data-i18n="popup3pScriptRulePrompt"></span><span data-src="/"> </span><span data-src="."> </span></div>
|
|
<div data-des="*" data-type="3p-frame"><span data-i18n="popup3pFrameRulePrompt"></span><span data-src="/"> </span><span data-src="."> </span></div>
|
|
</div><div id="rulesetTools"><span id="saveRules" class="fa-icon" data-i18n-tip="popupTipSaveRules" data-tip-position="under">lock</span><span id="revertRules" class="fa-icon" data-i18n-tip="popupTipRevertRules" data-tip-position="under">eraser</span></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="templates" style="display: none">
|
|
<div data-des="" data-type="*"><span><span></span><sub></sub></span><span data-src="/"></span><span data-src="."></span><span data-src="."></span></div>
|
|
<div id="actionSelector"><span id="dynaAllow"></span><span id="dynaNoop"></span><span id="dynaBlock"></span><span id="dynaCounts"></span></div>
|
|
<div id="hotspotTip"></div>
|
|
<div id="tooltip"></div>
|
|
</div>
|
|
|
|
<script src="js/fa-icons.js"></script>
|
|
<script src="lib/punycode.js"></script>
|
|
<script src="js/vapi.js"></script>
|
|
<script src="js/vapi-common.js"></script>
|
|
<script src="js/vapi-client.js"></script>
|
|
<script src="js/udom.js"></script>
|
|
<script src="js/i18n.js"></script>
|
|
<script src="js/popup.js"></script>
|
|
|
|
</body>
|
|
|
|
</html>
|