Contentful Fullscreen Editor & Selection Color

contentful-style.css

/* 

 Dark mode by UltimaDark, on firefox
 https://addons.mozilla.org/en-US/firefox/addon/ultimadark/
 

*/

/* selection color */

::-moz-selection { 
  color: #2d2d2d !important;
  background: #1bd900 !important;
}

::selection {
  color: #2d2d2d !important;
  background: #1bd900 !important;
}

/* Make the editor fullscreen */

#field-editor-modal-root + [data-react-modal-body-trap] + div {
  
  &>div{
  
    max-width: 100% !important;
    max-height: 100% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;

    &>div{
      max-width: 100% !important;
      max-height: 100% !important;
      min-width: 100% !important;
      min-height: 100% !important;
      width: 100% !important;
      height: 100% !important;
      padding: 0 !important;

      &>div{

        max-width: 100% !important;
        max-height: 100% !important;
        min-width: 100% !important;
        min-height: 100% !important;
        width: 100% !important;
        height: 100% !important;
        padding: 0 !important;

        &>div{

          max-width: 100% !important;
          max-height: 100% !important;
          min-width: 100% !important;
          min-height: 100% !important;
          width: 100% !important;
          height: 100% !important;
          padding: 0 !important;

          &>div{

            max-width: 100% !important;
            max-height: 100% !important;
            min-width: 100% !important;
            min-height: 100% !important;
            width: 100% !important;
            height: 100% !important;
            padding: 0 !important;
            
            & button[aria-label$=preview] + div > div > p{
              display: none !important;
            }
    
          }
  
        }

      }
    }
  }
}