Proton Lumo website is more suitable for wide screens.
/* ==UserStyle==
@name Proton Lumo responsive + customizations
@version 1.0.0
@description Proton Lumo website is more suitable for wide screens.
@author BreatFR (https://breat.fr)
@namespace https://gitlab.com/breatfr
@homepageURL https://gitlab.com/breatfr/proton-lumo
@supportURL https://discord.gg/Q8KSHzdBxs
@license AGPL-3.0-or-later; https://www.gnu.org/licenses/agpl-3.0.txt
@preprocessor stylus
@var text fontsize "Custom font size" 1.2rem
@var checkbox darkmode "Dark mode" 1
@var checkbox hideplus "Hide Lumo Plus" 1
@var checkbox widemode "Wide mode" 1
==/UserStyle== */
/* === Credits ===
Website https://breat.fr
facebook https://www.facebook.com/breatfroff
mastodon https://mastodon.social/@breat_fr
telegram https://t.me/breatfr
vk https://vk.com/breatfroff
X (twitter) https://x.com/breatfroff
=== Credits === */
@-moz-document domain("lumo.proton.me") {
:root {
--fontsize: fontsize;
}
svg {
min-height: fontsize !important;
min-width: fontsize !important;
}
.assistant-msg,
.user-msg,
.tiptap p {
font-size: fontsize;
line-height: 1.5;
}
.conversation-header {
font-size: calc(var(--fontsize) + .2rem) !important;
font-weight: bold;
line-height: 1.5;
}
.conversation-header > div > div:nth-of-type(1) {
margin-left: 50%;
transform: translateX(-50%);
}
.user-msg-container {
border: 1px solid var(--border-norm);
border-color: var(--border-weak) !important;
border-radius: var(--border-radius-xl) !important;
}
header::before {
content: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_26_114' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='64' height='64'%3E%3Ccircle cx='32' cy='32' r='32' fill='%23EFEBFF'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_26_114)'%3E%3Cpath d='M42.4499 12.1097L49.6457 7.48831C52.1406 5.8859 55.4516 7.43191 55.8298 10.3713L57.5715 23.9337L42.4465 12.1097H42.4499Z' fill='%236D4AFF'/%3E%3Cpath d='M22.9165 12.1097L15.7206 7.48831C13.2257 5.8859 9.91475 7.43191 9.53654 10.3713L7.7948 23.9337L22.9198 12.1097H22.9165Z' fill='%236D4AFF'/%3E%3Cpath d='M13.735 12.9391L17.2284 15.1851L11.5321 19.0136L12.2222 13.6424C12.3151 12.9225 13.1246 12.5476 13.7317 12.9391H13.735Z' fill='%234A2DC5'/%3E%3Cpath d='M51.0915 12.9391L47.598 15.1851L53.2944 19.0136L52.6043 13.6424C52.5114 12.9225 51.7019 12.5476 51.0948 12.9391H51.0915Z' fill='%234A2DC5'/%3E%3Cpath d='M62.5401 38.1462C62.5401 51.9873 46.1147 56.9206 32.413 56.9206C20.37 56.9206 2.28577 51.9873 2.28577 38.1462C2.28577 24.3052 15.7752 10.3148 32.413 10.3148C49.0508 10.3148 62.5401 24.3052 62.5401 38.1462Z' fill='%236D4AFF'/%3E%3Cpath d='M47.1845 42.6603C52.1662 40.5117 54.6588 35.1856 52.7519 30.7641C50.845 26.3426 45.2606 24.5 40.2788 26.6486C35.2971 28.7972 32.8044 34.1233 34.7114 38.5448C36.6183 42.9663 42.2027 44.8088 47.1845 42.6603Z' fill='white'/%3E%3Cpath d='M34.418 33.0505C35.4099 27.875 41.0499 24.4877 46.1358 25.2773C51.6463 26.0171 55.3653 31.594 52.8705 36.7994C53.4809 34.4472 53.1658 31.8926 51.7691 29.9187C47.2637 23.6484 37.0488 26.2328 34.418 33.0505Z' fill='%234129A3'/%3E%3Cpath d='M24.7442 38.542C26.6511 34.1205 24.1585 28.7944 19.1768 26.6458C14.195 24.4973 8.61062 26.3398 6.70368 30.7613C4.79674 35.1828 7.28936 40.5089 12.2711 42.6575C17.2529 44.8061 22.8373 42.9635 24.7442 38.542Z' fill='white'/%3E%3Cpath d='M46.5833 39.8431C48.3991 39.8431 49.871 37.4443 49.871 34.4852C49.871 31.5261 48.3991 29.1273 46.5833 29.1273C44.7675 29.1273 43.2955 31.5261 43.2955 34.4852C43.2955 37.4443 44.7675 39.8431 46.5833 39.8431Z' fill='%234129A3'/%3E%3Cpath d='M18.7383 40.2558C20.5541 40.2558 22.0261 37.857 22.0261 34.8979C22.0261 31.9387 20.5541 29.5399 18.7383 29.5399C16.9225 29.5399 15.4506 31.9387 15.4506 34.8979C15.4506 37.857 16.9225 40.2558 18.7383 40.2558Z' fill='%234129A3'/%3E%3Cpath d='M25.0387 33.0505C22.4079 26.2328 12.1929 23.6484 7.68763 29.9187C6.29423 31.8893 5.97574 34.4472 6.58618 36.7994C4.08803 31.5874 7.80706 26.0171 13.3209 25.2773C18.4068 24.4877 24.0501 27.875 25.0387 33.0505Z' fill='%234129A3'/%3E%3Cpath d='M26.7131 42.4526C27.814 42.4526 28.7027 43.3446 28.7027 44.4422' stroke='white' stroke-width='0.577346' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M30.6947 42.4526C29.5939 42.4526 28.7052 43.3446 28.7052 44.4422' stroke='white' stroke-width='0.577346' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath opacity='0.7' d='M21.074 33.3022C21.7593 33.3022 22.3148 32.7467 22.3148 32.0614C22.3148 31.3761 21.7593 30.8206 21.074 30.8206C20.3888 30.8206 19.8333 31.3761 19.8333 32.0614C19.8333 32.7467 20.3888 33.3022 21.074 33.3022Z' fill='white'/%3E%3Cpath opacity='0.7' d='M48.9189 32.8895C49.6041 32.8895 50.1597 32.334 50.1597 31.6487C50.1597 30.9634 49.6041 30.4079 48.9189 30.4079C48.2336 30.4079 47.6781 30.9634 47.6781 31.6487C47.6781 32.334 48.2336 32.8895 48.9189 32.8895Z' fill='white'/%3E%3C/g%3E%3C/svg%3E");
display: inline-block;
margin-right: .5em;
}
.avatar-and-notice__notice::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-lock-icon lucide-lock'%3E%3Crect width='18' height='11' x='3' y='11' rx='2' ry='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E");
content: "";
display: inline-block;
height: fontsize;
margin-right: .3em;
vertical-align: middle;
width: fontsize;
}
.avatar-and-notice__notice {
color: white;
}
if darkmode {
/* General */
body {
background: #16141c !important;
}
a:not(:hover),
.color-weak,
svg:not([data-testid="input-prefix"] svg) {
color: white !important;
}
/* Logo */
a[href="/u/0/"]:not(:has(.apps-dropdown-logo-wrapper))::before {
content: url("data:image/svg+xml,%3Csvg width='80' height='36' viewBox='0 0 80 36' fill='%23ffffff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M70.7237 29.4186C68.9414 29.4186 67.3416 29.0965 65.9244 28.4523C64.5072 27.8081 63.3905 26.8633 62.5746 25.6178C61.7586 24.3724 61.3506 22.8585 61.3506 21.0762C61.3506 19.3154 61.7586 17.8123 62.5746 16.5668C63.3905 15.2999 64.5072 14.3336 65.9244 13.6679C67.3416 13.0023 68.9414 12.6694 70.7237 12.6694C72.5059 12.6694 74.095 13.0023 75.4907 13.6679C76.8865 14.3336 77.9816 15.2999 78.7761 16.5668C79.5921 17.8123 80.0001 19.3154 80.0001 21.0762C80.0001 22.8585 79.5921 24.3724 78.7761 25.6178C77.9816 26.8633 76.8865 27.8081 75.4907 28.4523C74.095 29.0965 72.5059 29.4186 70.7237 29.4186ZM70.7237 26.4875C71.7544 26.4875 72.6992 26.2835 73.5581 25.8755C74.4171 25.4675 75.0935 24.8555 75.5874 24.0395C76.1027 23.2235 76.3604 22.2358 76.3604 21.0762C76.3604 19.9167 76.1027 18.9289 75.5874 18.1129C75.0935 17.2969 74.4171 16.6742 73.5581 16.2447C72.7207 15.7938 71.7759 15.5683 70.7237 15.5683C69.6715 15.5683 68.7159 15.7831 67.857 16.2125C66.9981 16.642 66.3002 17.2647 65.7633 18.0807C65.248 18.8967 64.9903 19.8952 64.9903 21.0762C64.9903 22.2358 65.248 23.2235 65.7633 24.0395C66.2787 24.8555 66.9658 25.4675 67.8248 25.8755C68.7052 26.2835 69.6715 26.4875 70.7237 26.4875Z'/%3E%3Cpath d='M30.0078 13.0237H33.5831V29.0643H30.0078V13.0237ZM40.3472 12.6694C41.2705 12.6694 42.1187 12.7983 42.8918 13.056C43.6863 13.3136 44.3627 13.7109 44.921 14.2477C45.5008 14.7631 45.941 15.4073 46.2416 16.1803C46.5637 16.9534 46.7248 17.866 46.7248 18.9182V29.0643H43.1495V19.6268C43.1495 18.3169 42.8274 17.3506 42.1832 16.7279C41.5604 16.0837 40.5727 15.7616 39.2198 15.7616C38.1891 15.7616 37.2443 15.9871 36.3854 16.438C35.5479 16.8675 34.8608 17.4365 34.3239 18.1451C33.7871 18.8323 33.4757 19.5946 33.3899 20.432L33.3576 18.6927C33.465 17.8982 33.7012 17.1466 34.0663 16.438C34.4313 15.7079 34.9145 15.0637 35.5157 14.5054C36.117 13.9256 36.8256 13.4747 37.6416 13.1526C38.4575 12.8305 39.3594 12.6694 40.3472 12.6694ZM53.1345 12.6694C54.0793 12.6694 54.9383 12.7983 55.7113 13.056C56.4844 13.3136 57.15 13.7109 57.7083 14.2477C58.2881 14.7631 58.739 15.4073 59.0611 16.1803C59.3832 16.9534 59.5443 17.866 59.5443 18.9182V29.0643H55.9368V19.6268C55.9368 18.3169 55.6147 17.3506 54.9705 16.7279C54.3478 16.0837 53.36 15.7616 52.0072 15.7616C50.9765 15.7616 50.0316 15.9871 49.1727 16.438C48.3352 16.8675 47.6481 17.4365 47.1113 18.1451C46.5959 18.8323 46.2953 19.5946 46.2094 20.432L46.145 18.6283C46.2523 17.8552 46.4993 17.1144 46.8858 16.4058C47.2723 15.6757 47.7662 15.0315 48.3675 14.4732C48.9687 13.9149 49.6666 13.4747 50.4611 13.1526C51.2771 12.8305 52.1682 12.6694 53.1345 12.6694Z'/%3E%3Cpath d='M27.3478 29.064H23.7725V13.0234H27.3478V29.064ZM23.9658 21.4302L23.998 22.4609C23.955 22.7401 23.8584 23.1588 23.7081 23.7171C23.5792 24.2754 23.3538 24.8874 23.0317 25.5531C22.731 26.1973 22.3231 26.82 21.8077 27.4213C21.3138 28.001 20.6911 28.4842 19.9395 28.8707C19.188 29.2358 18.2753 29.4183 17.2017 29.4183C16.4286 29.4183 15.6449 29.3109 14.8504 29.0962C14.0773 28.9029 13.3687 28.5701 12.7245 28.0977C12.1018 27.6253 11.5972 26.9811 11.2106 26.1651C10.8241 25.3491 10.6309 24.3184 10.6309 23.0729V13.0234H14.2062V22.3965C14.2062 23.4058 14.3672 24.2003 14.6893 24.7801C15.0329 25.3384 15.5053 25.7356 16.1065 25.9718C16.7078 26.208 17.4057 26.3261 18.2002 26.3261C19.3383 26.3261 20.3046 26.0684 21.0991 25.5531C21.8936 25.0377 22.5271 24.4043 22.9995 23.6527C23.4933 22.8797 23.8154 22.1388 23.9658 21.4302Z'/%3E%3Cpath d='M4 6.58154H7.5753V29.0641H4V6.58154Z'/%3E%3C/svg%3E");
}
img[src*="/assets/static/lumo-logo-"] {
display: none;
}
/* Welcome message, chat title, prompt entry */
.main-text-container > h1,
.conversation-header > div > div:nth-of-type(1) > span > button,
.dropdown-item-button,
.button-ghost-weak span,
.prompt-entry-hint {
color: white;
}
/* Bubbles, protect by proton, settings modal */
.assistant-msg-container,
.assistant-msg-container > div,
.user-msg-container,
.user-msg-container > div,
button[class="button button-pill button-medium button-outline-weak inline-flex flex-row flex-nowrap gap-2 items-center"],
button[class="button button-pill button-medium button-outline-weak inline-flex flex-row flex-nowrap gap-2 items-center"]:hover,
.settings-modal-panel,
.button-outline-weak,
.button-outline-weak:hover {
background-color: #343140;
color: white;
}
.avatar--weak svg {
stroke: #6d4aff;
}
/* Dropdown, header, sidebar, textarea */
header,
.dropdown-content,
.dropdown-content::after,
.dropdown-content::before,
.file-card,
.file-card > button,
.file-card > button:hover,
.files-panel-content,
.modal-two-dialog-container,
.sidebar,
.upload-menu {
background-color: #16151a;
color: white;
}
pre,
.message-container.code-container > div > div[style*="background:"] {
background: #16151a !important;
font-size: fontsize !important;
height: 100% !important;
width: 100% !important;
}
.apps-dropdown-app-name,
.lumo-chat-item > div > section > div:nth-of-type(2) *,
.lumo-input p,
.upload-menu button,
.upload-menu button:hover {
color: white !important;
}
[class="mb-3 p-3 bg-weak rounded border border-weak"],
[data-testid="userdropdown:button:add-account"],
[data-testid="userdropdown:button:add-account"]:hover,
.files-panel-content button:first-child,
.group-hover-hide-container,
.lumo-input,
.lumo-input-container,
.sidebar-button {
background-color: #343140 !important;
color: white;
}
[data-testid="userdropdown:button:logout"],
[data-testid="userdropdown:button:logout"]:hover {
background-color: #dc3251;
color: white;
}
.ref-link:not(:hover) {
color: #6d4aff !important;
}
}
if hideplus {
nav > ul:nth-of-type(2) > li:nth-of-type(1) {
display: none;
}
}
if widemode {
/* General */
[style="--max-w-custom:46.5rem;"],
[style="--max-w-custom: 46.5rem;"],
[style="--max-w-custom:51.25rem;"],
[style="--max-w-custom: 51.25rem;"],
[style*="--md-max-w-custom:90%;"],
[style*="--md-max-w-custom: 90%;"],
[style*="--lg-max-w-custom:43rem;"],
[style*="--lg-max-w-custom: 43rem;"] {
max-width: 100% !important;
padding-left: 1em;
padding-right: 1em;
width: 100% !important;
}
/* Welcome message */
.main-text-container > h1 {
margin: auto;
}
/* Bubbles */
.assistant-msg {
margin-left: 0;
max-width: 80% !important;
width: 80% !important;
}
.user-msg {
margin-right: 0;
max-width: 80% !important;
width: 80% !important;
}
.file-card {
width: auto;
}
.upload-menu {
min-width: 225px !important;
}
}
}
QingJ © 2025
镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址