X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fbrowser%2Fcontrolcenter%2Fpanel.css;h=252bbfd4ea956b9f7518ba0c2608b1305bfdef2d;hp=a52a1e28a124e0bed5d37e2d55d16766a085b1cb;hb=d23bf94a3357d30cf7300a6eb9c051f0a225b02a;hpb=2a1534f17d98efe745ee1adc07eb57d89cb9a88b diff --git a/LCARStrek/browser/controlcenter/panel.css b/LCARStrek/browser/controlcenter/panel.css index a52a1e28..252bbfd4 100644 --- a/LCARStrek/browser/controlcenter/panel.css +++ b/LCARStrek/browser/controlcenter/panel.css @@ -152,16 +152,23 @@ .identity-popup-expander:hover { background-image: url("chrome://browser/skin/controlcenter/arrow-subview.svg#arrow-active"); - background-color: #FFCF00; + background-color: var(--arrowpanel-hover); +} + +.identity-popup-expander:hover > .button-box > .button-icon { + filter: url(chrome://global/skin/filters.svg#fill); + fill: #000000; } .identity-popup-expander:hover:active { background-image: url("chrome://browser/skin/controlcenter/arrow-subview.svg#arrow-active"); - background-color: #FF9F00; + background-color: var(--arrowpanel-active); } /* CONTENT */ +.identity-popup-permission-label, +.identity-popup-permission-state-label, #identity-popup-security-content > description, #identity-popup-security-descriptions > description, #identity-popup-securityView-header > description, @@ -237,7 +244,7 @@ #identity-popup[connection^=secure] #identity-popup-securityView, #identity-popup[connection^=secure] #identity-popup-security-content { - background-image: url(chrome://browser/skin/controlcenter/conn-secure.svg); + background-image: url(chrome://browser/skin/controlcenter/connection.svg#connection-secure); } /* Use [isbroken] to make sure we don't show a lock on an http page. See Bug 1192162. */ @@ -245,12 +252,12 @@ #identity-popup[ciphers=weak] #identity-popup-security-content, #identity-popup[mixedcontent~=passive-loaded][isbroken] #identity-popup-securityView, #identity-popup[mixedcontent~=passive-loaded][isbroken] #identity-popup-security-content { - background-image: url(chrome://browser/skin/controlcenter/conn-degraded.svg); + background-image: url(chrome://browser/skin/controlcenter/connection.svg#connection-degraded); } #identity-popup[connection=secure-cert-user-overridden] #identity-popup-securityView, #identity-popup[connection=secure-cert-user-overridden] #identity-popup-security-content { - background-image: url(chrome://browser/skin/identity-mixed-passive-loaded.svg); + background-image: url(chrome://browser/skin/connection-mixed-passive-loaded.svg#icon); } #identity-popup[loginforms=insecure] #identity-popup-securityView, @@ -283,7 +290,7 @@ #identity-popup-securityView-footer { margin-top: 1em; - background-color: #402000; + background-color: var(--arrowpanel-dimmed); } #identity-popup-securityView-footer > button { @@ -316,11 +323,11 @@ description#identity-popup-content-verifier, /* TRACKING PROTECTION */ #tracking-protection-content { - background-image: url("chrome://browser/skin/controlcenter/tracking-protection.svg"); + background-image: url("chrome://browser/skin/controlcenter/tracking-protection.svg#enabled"); } #tracking-protection-content[state="loaded-tracking-content"] { - background-image: url("chrome://browser/skin/controlcenter/tracking-protection-disabled.svg"); + background-image: url("chrome://browser/skin/controlcenter/tracking-protection.svg#disabled"); } #tracking-action-block, @@ -369,22 +376,38 @@ description#identity-popup-content-verifier, margin-top: 5px; } -#identity-popup-permission-list:not(:empty) + description { - display: none; -} - .identity-popup-permission-icon { width: 16px; height: 16px; } +.identity-popup-permission-icon.in-use { + fill: #FF0000; + animation: 1.5s ease in-use-blink infinite; +} + +@keyframes in-use-blink { + 50% { opacity: 0; } +} + +.identity-popup-permission-label, +.identity-popup-permission-state-label { + /* We need to align the action buttons and permission icons with the text. + This is tricky because the icon height is defined in pixels, while the + font height can vary with platform and system settings, and at least on + Windows the default font metrics reserve more extra space for accents. + This value is a good compromise for different platforms and font sizes. */ + margin-top: -0.1em; +} + .identity-popup-permission-label { margin-inline-start: 1em; } .identity-popup-permission-state-label { + margin-inline-end: 5px; text-align: end; - opacity: 0.6; + color: #A09090; } .identity-popup-permission-remove-button {