@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;
  }
}*/