Calaotok

My feedback

1 result found

  1. 187 votes
    How important is this to you?
    An error occurred while saving the comment
    Calaotok commented  · 

    I suggest editing the title of this idea to "Custom theme saving and sharing", what do you think @HHH?

    An error occurred while saving the comment
    Calaotok commented  · 

    Great idea indeed, a community area where people could share the themes they crafted would be a nice feature, with the ability to browse them directly from the appearance section of the Protonmail settings. Here's below the one I use at the moment in case you want to give it a try :-) (pink raw mode). Also, the area for typing custom CSS is quite thin, a larger width would be handy, together with the ability to use more human-friendly syntaxes than pure CSS, e.g. Stylus.

    .main {
    margin-right: 0;
    }

    .content {
    background-image: none;
    background-color: #603259;
    }

    .item-container {
    background: #eabde7;
    }

    .item-container.active, .item-is-selected {
    background: rgba(226, 184, 238, 0.5);
    }

    .toolbar {
    background: #7b5a7b;
    border-radius: 0;
    }

    .pm-button--error, .pm-button--error.pm-button--info, .pm-button--error.pm-button--redborder, .pm-button--primary, .pm-button--primary.pm-button--info, .pm-button--primary.pm-button--redborder, .pm-button--warning, .pm-button--warning.pm-button--info, .pm-button--warning.pm-button--redborder, .pm-button-blue, .pm-button-blue.pm-button--info, .pm-button-blue.pm-button--redborder, .pm-button.pm-button--error, .pm-button.pm-button--primary, .pm-button.pm-button--warning, .pm-button.pm-button-blue {
    background-color: #8a1d79;
    border: 1px solid #7209a2;
    }

    .view-column-detail {
    background: #c297bf;
    }

    #conversation-view .message .frame {
    background: white;
    }

    .message-attachments {
    background: #f5f5f5;
    }

    .items-column-list, .items-column-list--mobile, .view-column-detail {
    scrollbar-width: none;
    }

    .navigationItem-title.flex-item-fluid {
    display: none;
    }

    .sidebar {
    max-width: 8rem;
    }

    #tour-label-settings {
    display: none;
    }

    .menuLabel-title.ellipsis.flex-item-fluid {
    display: none;
    }

    .navigation__icon {
    fill: var(--fillcolor-icons, #ddd);
    }

    .logo-container {
    display: none;
    }
    .searchbox-container {
    margin-left: 1em;
    }

    .dropDown-logout-displayName {
    display: none !important;
    }
    .dropDown-logout-email {
    display: none !important;
    }

    .mr1.flex-item-noshrink {
    display: none;
    }
    button[action-compose-type="new"] span {
    display: none;
    }

    button[action-compose-type="new"]::after {
    content: "C";
    }

    .searchbox-container {
    width: 20%;
    }

    #conversation-view header {
    color: #fff;
    }

    .pm-select-all .pm-checkbox-fakecheck, .pm-select-all .pm-radio-fakeradio {
    border: none;
    background-color: white;
    }
    .pm-checkbox-fakecheck, .pm-radio-fakeradio {
    border-radius: 0;
    }

    .item-icon {
    display: none;
    }

    .mr1 {
    margin-right: 0.6em;
    }

    .item-container, .item-container-row {
    border-bottom: 1px solid var(--bordercolor-input,#d0a2cb);
    }
    .conversation.marked::before {
    background-color: #881a86;
    }

    .starbutton {
    display: none;
    }

    .mauto.conversation-icon-attachment {
    display: none;
    }

    Cheers and thumbs up

    Calaotok supported this idea  · 

Feedback and Knowledge Base