dotfiles/de/home/.librewolf/config/chrome/userContent.css
2025-08-24 12:30:01 -07:00

87 lines
4 KiB
CSS

@import url("sidebery.css");
/*************************************************************************************************************************************************************************************************************************************************************
"userContent.css" is a custom CSS file that can be used to specify CSS style rules for Floorp's intenal site using "chrome" privileges.
For instance, if you want to apply CSS at "about:newtab" and "about:home", you can use the following CSS rule:
***********************************************************************
@-moz-document url-prefix("about:newtab"), url-prefix("about:home") { *
background-color: green;
*
* Write your css * *
*
} *
***********************************************************************
NOTE: You can use the userContent.css file without change preferences (about:config)
************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* Please write your custom CSS under this line*/
:root {
--pogmom-background-color: rgba(17,19,23,0.4);
--in-content-page-background: #00000000 !important;
--in-content-box-background: #00000088 !important;
--darkreader-bg--theme-bg-home: var(--pogmom-background-color) !important;
--darkreader-bg--theme-bg-home-custom: var(--pogmom-background-color) !important;
--color-background-plain: var(--pogmom-background-color) !important;
--background-color: var(--pogmom-background-color) !important;
--image-background: none;
--darkreader-bg--bgColor-default: var(--pogmom-background-color) !important;
--darkreader-bg--bgColor-canvas-default: var(--pogmom-background-color) !important;
--darkreader-background-ffffff: var(--pogmom-background-color) !important;
html,
body {
--image-background: none;
--darkreader-bg--theme-bg-home-custom: var(--pogmom-background-color) !important;
--darkreader-bg--theme-bg-home: var(--pogmom-background-color) !important;
--color-background-plain: var(--pogmom-background-color) !important;
--darkreader-bg--bgColor-default: var(--pogmom-background-color) !important;
--darkreader-bg--bgColor-canvas-default: var(--pogmom-background-color) !important;
--darkreader-background-ffffff: var(--pogmom-background-color) !important;
/* background: rgba(0, 0, 0, 0.5) !important;*/
}
/* * {
background: var(--pogmom-background-color) !important;
--darkreader-neutral-background: var(--pogmom-background-color) !important;
--darkreader-bg--bgColor-default: var(--pogmom-background-color) !important;
--color-background-plain: var(--pogmom-background-color) !important;
--darkreader-bg--bgColor-canvas-default: var(--pogmom-background-color) !important;
}*/
/* --darkreader-background-ffffff: var(--pogmom-background-color) !important;
background: var(--pogmom-background-color) !important;*/
@-moz-document domain(cloud.pogmom.me) {
html,
body {
background-image: none !important;
--image-background: none;
background-color: var(--pogmom-background-color) !important;
/* * {
background-image: none !important;
--image-background: none;
background: var(--pogmom-background-color) !important;
}*/
}
}
@-moz-document domain(*.*) {
html,
body {
background-image: none !important;
background-color: var(--pogmom-background-color) !important;
* {
background: var(--pogmom-background-color) !important;
}
}
}
}
/*@-moz-document domain(cloud.pogmom.me) {
html,
body {
background-color: var(--pogmom-background-color) !important;
color: #888888 !important;
background-color: #191919 !important;
}
}*/