Skip to content

Calaotok

← The Voice of the Proton Community

My feedback

1 result found

  1. Create more themes

    342 votes
    Vote

    We're glad you're here

    Please sign in to leave feedback
    Signed in as (Sign out)
    Close
    Close
    You have left! (?) (thinking…)
    75 comments  ·  Proton Mail » Changes to existing features  ·  Admin →
    How important is this to you?

    We're glad you're here

    Please sign in to leave feedback
    Signed in as (Sign out)
    Close
    Close
    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

(thinking…)