Visual tweaks for Thunderbird Conversation add-on to fit with Monterail theme

userChrome.css

/* 
 * Visual tweaks for Thunderbird Conversation add-on to fit with Monterail theme
 */
 @-moz-document regexp('chrome://conversations/content/stub\\.xhtml.*') {
  body {
    background-color: #FFF !important;
  }
  
  #messageList {
    margin-top: 2.8rem !important;
  }

  .tooltip {
    border-radius: unset !important;
    box-shadow: unset !important;
  }

  .showhidequote,
  .detailsLine,
  .message .notificationBar {
    font-style: italic !important;
  }

  /*removes background image of the buttons in the header and changes the background color*/
  .actions button {
    /* -moz-appearance: inherit !important; */
    background-image: none !important;
    background-color: transparent !important;
    border: none !important;
    cursor: pointer !important;
  }
  
    .actions button svg {
      filter: brightness(0) invert(1);
    }

      .actions button:hover svg {
        opacity: .75;
      }

  /*eliminates the box shadow*/
  #conversationHeaderWrapper {
    -moz-box-shadow: none !important;
    box-shadow: none !important;
  }

  /*changes attributes of the conversation header*/
  #conversationHeader {
    background-image: none !important;
    background: linear-gradient(135deg, #006378 0%, #063136 100%) !important;
    /* background-color: #006378 !important; */
    background-color: transparent !important;
    padding: 4px 10px !important;
    border-bottom: none !important;
    border-top: none !important;
    min-height: 33px !important;
    max-height: 33px !important;
  }

  /*changes text from bold to normal, changes font size, and centers text top to bottom*/
  .subject {
    font-weight: normal !important;
    padding-top: 0px !important;
    padding-bottom: 12px !important;
    margin-top: 0px !important;
    margin-bottom: 12px !important;
    font-size: 14px !important;
    color: #fff !important;
  }

  .message {
    border: none !important;
    border-top: 1px solid rgba(160, 160, 160, 0.25) !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    padding: 0px 0px !important;
    margin: 0 !important;
    border-radius: unset !important;
  }

  .message:first-child {
    border-top: none !important;
  }

    .message.collapsed {
      border-radius: unset !important;
      margin: 0 0 !important;
      height: auto !important;
    }

    .message .messageBody {
      padding: 5px 20px !important;
    }

    .message .notificationBar {
      border: none !important;
      box-shadow: unset !important;
      text-align: center !important;
    }

      .message .messageHeader {
        background-color: transparent !important;
        border: none !important;
        padding: 10px !important;
      }
    
      .message .messageHeader:hover {
        background-color: rgba(160, 160, 160, 0.1) !important;
      }
    
        .message .messageHeader .star {
          width: 1.6em !important;
          height: 1.6em !important;
        }

        .message .messageHeader .contactAvatar,
        .message .messageHeader .contactInitials {
          margin-right: 3px !important;
        }
    
      .message .detailsLine {
        margin-top: 0 !important;
      }
      
  .messageFooter {
    background-color: transparent !important;
    border: none !important;
    border-radius: none !important;
    padding: 0 20px 10px !important;
  }

    .messageFooter button {
      background-color: #fff !important;
      color: #006378 !important;
      border-radius: 20px !important;
      border-color: #006378 !important;
      padding: 4px 16px 6px !important;
      cursor: pointer;
    }

    .messageFooter button:hover {
      opacity: 0.75;
    }

      .messageFooter button .ext {
        display: none !important;
      }

  .quickReply {
    border-radius: none !important;
    border: none !important;
    background: #fff !important;
    padding: 20px 10px 10px !important
  }

  .quickReply .popout {
    background-image: none !important;
  }

  .attachments {
    padding: 40px 0 20px !important;
  }

    .attachments li {
      margin: 20px 0 0 !important;
    }

    .attachmentThumb {
      width: unset !important;
      padding: 0 !important;
      border: none !important;
      background-color: transparent !important;
      background: unset !important;
    }
}