Transparency not longer working in 27.0.2

rkaerner · August 22, 2023, 11:42am

Support intro

Sorry to hear you’re facing problems

help.nextcloud.com is for home/non-enterprise users. If you’re running a business, paid support can be accessed via portal.nextcloud.com where we can ensure your business keeps running smoothly.

In order to help you as quickly as possible, before clicking Create Topic please provide as much of the below as you can. Feel free to use a pastebin service for logs, otherwise either indent short log examples with four spaces:

example

Or for longer, use three backticks above and below the code snippet:

longer
example
here

Some or all of the below information will be requested if it isn’t supplied; for fastest response please provide as much as you can

Nextcloud version (eg, 20.0.5): 27.0.2
Operating system and version (eg, Ubuntu 20.04): debian bookworm
Apache or nginx version (eg, Apache 2.4.25): nginx/1.25.2
PHP version (eg, 7.4): 8.2

The issue you are facing:

(please ignore my bad english, I am german but want to reach a bigger base of readers)

Trying to customise the login page having the login box transparent. Used the following custom css as it worked fine in nextcloud 25.0.10:

.guest-box, .body-login-container {
    --color-main-text: #000000;
    --color-main-background: #ffffff50;
    --color-box-shadow: ffffff00;
}

which I grabbed here:

Same configuration (just older versions of all) on my other machine using debian 11 with nginx 1.25.1 and nextcloud 25.0.10 works fine. Login box is as transparent as I would like to have it

Is this the first time you’ve seen this error? (Y/N): Yes

Steps to replicate it:

Install debian 12 machine with nginx 1.25.2 and nextcloud 27.0.2
use custom css to manipulate css for login page
See that nothing happens

The output of your Nextcloud log in Admin > Logging:

nothing to paste here

The output of your config.php file in /path/to/nextcloud (make sure you remove any identifiable information!):

$CONFIG = array (
  'passwordsalt' => 'a salt',
  'secret' => 'this is a secret, so it is kept away from public',
  'trusted_domains' =>
  array (
    0 => 'example.org',
    1 => 'example.localnet',
    2 => '192.168.x.y',
  ),
  'datadirectory' => '/var/ncdata',
  'dbtype' => 'mysql',
  'version' => '27.0.2.1',
  'overwrite.cli.url' => 'if it is needed, ask for',
  'dbname' => 'nextcloud',
  'dbhost' => 'localhost',
  'dbport' => '',
  'dbtableprefix' => 'oc_',
  'mysql.utf8mb4' => true,
  'dbuser' => 'db_user_for_nextcloud',
  'dbpassword' => 'ThisIsNotThePassword',
  'installed' => true,
  'instanceid' => 'top secret',
  'overwritehost' => 'if it is needed, ask for',
  'activity_expire_days' => 14,
  'allow_local_remote_servers' => true,
  'auth.bruteforce.protection.enabled' => true,
  'blacklisted_files' =>
  array (
    0 => '.htaccess',
    1 => 'Thumbs.db',
    2 => 'thumbs.db',
  ),
  'cron_log' => true,
  'default_phone_region' => 'DE',
  'defaultapp' => 'files,dashboard',
  'enable_previews' => true,
  'enabledPreviewProviders' =>
  array (
    0 => 'OC\\Preview\\PNG',
    1 => 'OC\\Preview\\JPEG',
    2 => 'OC\\Preview\\GIF',
    3 => 'OC\\Preview\\BMP',
    4 => 'OC\\Preview\\XBitmap',
    5 => 'OC\\Preview\\Movie',
    6 => 'OC\\Preview\\PDF',
    7 => 'OC\\Preview\\MP3',
    8 => 'OC\\Preview\\TXT',
    9 => 'OC\\Preview\\MarkDown',
  ),
  'filesystem_check_changes' => 0,
  'filelocking.enabled' => 'true',
  'htaccess.RewriteBase' => '/',
  'integrity.check.disabled' => false,
  'knowledgebaseenabled' => false,
  'logfile' => '/var/log/nextcloud/nextcloud.log',
  'loglevel' => 2,
  'logtimezone' => 'Europe/Berlin',
  'log_rotate_size' => '104857600',
  'memcache.local' => '\\OC\\Memcache\\APCu',
  'memcache.locking' => '\\OC\\Memcache\\Redis',
  'overwriteprotocol' => 'https',
  'preview_max_x' => 1024,
  'preview_max_y' => 768,
  'preview_max_scale_factor' => 1,
  'profile.enabled' => false,
  'redis' =>
  array (
    'host' => '/var/run/redis/redis-server.sock',
    'port' => 0,
    'password' => 'more top secret stuff',
    'timeout' => 0.5,
    'dbindex' => 1,
  ),
  'quota_include_external_storage' => false,
  'share_folder' => '/Freigaben',
  'skeletondirectory' => '',
  'theme' => '',
  'trashbin_retention_obligation' => 'auto, 7',
  'updater.release.channel' => 'stable',
  'trusted_proxies' =>
  array (
    0 => '192.168.x.y',
  ),
  'mail_from_address' => 'service',
  'mail_smtpmode' => 'smtp',
  'mail_sendmailmode' => 'smtp',
  'mail_domain' => 'secret',
  'mail_smtphost' => 'more secret',
  'mail_smtpport' => '587',
  'mail_smtpauth' => 1,
  'mail_smtpname' => 'localpart@example.org',
  'mail_smtppassword' => 'for my eyes only',
  'ldapProviderFactory' => 'OCA\\User_LDAP\\LDAPProviderFactory',
);

The output of your Apache/nginx/system log in /var/log/____:

/var/log/nginx/access.log

[22/Aug/2023:13:28:15 +0200] "GET /nextcloud/apps/theming/theme/default.css?plain=1&v=b1d57811 HTTP/1.1" 200 3158 "-" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/116.0.0.0 Safari/537.36" 
[22/Aug/2023:13:28:15 +0200] "GET /nextcloud/apps/theming/theme/opendyslexic.css?plain=0&v=b1d57811 HTTP/1.1" 200 927 "-" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/116.0.0.0 Safari/537.36" 
[22/Aug/2023:13:28:15 +0200] "GET /nextcloud/apps/theming/theme/light-highcontrast.css?plain=0&v=b1d57811 HTTP/1.1" 200 3617 "-" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/116.0.0.0 Safari/537.36" 
[22/Aug/2023:13:28:15 +0200] "GET /nextcloud/apps/theming/theme/light.css?plain=0&v=b1d57811 HTTP/1.1" 200 3330 "-" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/116.0.0.0 Safari/537.36" 
[22/Aug/2023:13:28:15 +0200] "GET /nextcloud/login?clear=1 HTTP/1.1" 200 22281 "-" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/116.0.0.0 Safari/537.36" 
[22/Aug/2023:13:28:15 +0200] "GET /nextcloud/apps/theming/theme/dark-highcontrast.css?plain=0&v=b1d57811 HTTP/1.1" 200 3677 "-" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/116.0.0.0 Safari/537.36" 
[22/Aug/2023:13:28:15 +0200] "GET /nextcloud/apps/theming/theme/dark.css?plain=0&v=b1d57811 HTTP/1.1" 200 3274 "-" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/116.0.0.0 Safari/537.36" 
[22/Aug/2023:13:28:15 +0200] "GET /nextcloud/apps/theming_customcss/styles?v=1692701345368 HTTP/1.1" 200 1426 "-" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/116.0.0.0 Safari/537.36" 
[22/Aug/2023:13:28:15 +0200] "GET /nextcloud/apps/theming/theme/light.css?plain=1&v=b1d57811 HTTP/1.1" 200 3158 "-" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/116.0.0.0 Safari/537.36" 
[22/Aug/2023:13:28:16 +0200] "GET /nextcloud/apps/theming/theme/dark.css?plain=1&v=b1d57811 HTTP/1.1" 200 3103 "-" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/116.0.0.0 Safari/537.36" 
[22/Aug/2023:13:28:16 +0200] "GET /nextcloud/apps/theming/theme/light-highcontrast.css?plain=1&v=b1d57811 HTTP/1.1" 200 3268 "-" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/116.0.0.0 Safari/537.36" 
[22/Aug/2023:13:28:16 +0200] "GET /nextcloud/js/core/merged-template-prepend.js?v=224ea882-10 HTTP/1.1" 200 12238 "-" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/116.0.0.0 Safari/537.36" 
[22/Aug/2023:13:28:16 +0200] "GET /nextcloud/apps/theming/theme/dark-highcontrast.css?plain=1&v=b1d57811 HTTP/1.1" 200 3311 "-" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/116.0.0.0 Safari/537.36" 
[22/Aug/2023:13:28:16 +0200] "GET /nextcloud/apps/theming/image/background?v=10 HTTP/1.1" 200 3201235 "-" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/116.0.0.0 Safari/537.36" 
[22/Aug/2023:13:28:17 +0200] "GET /nextcloud/apps/theming/favicon?v=b1d57811 HTTP/1.1" 200 11285 "-" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/116.0.0.0 Safari/537.36" 
[22/Aug/2023:13:28:17 +0200] "GET /nextcloud/apps/theming/manifest?v=b1d57811 HTTP/1.1" 200 453 "-" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/116.0.0.0 Safari/537.36" 
[22/Aug/2023:13:28:17 +0200] "GET /nextcloud/apps/theming/icon?v=10 HTTP/1.1" 200 5598 "-" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/116.0.0.0 Safari/537.36" 
[22/Aug/2023:13:28:19 +0200] "GET /nextcloud/ocs/v2.php/apps/notifications/api/v2/notifications HTTP/1.1" 200 74 "-" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/115.0.0.0 Safari/537.36 Edg/115.0.1901.203"


Output errors in nextcloud.log in /var/www/ or as admin user in top right menu, filtering for errors. Use a pastebin service if necessary.

nothing to paste

martinii · August 24, 2023, 9:52am

Try this one if you want some blur:

.guest-box, .body-login-container {
    --color-main-text: #e3e3e3;
    --color-main-background: #494a4a30;
    --color-main-background-blur: #FF000000;
    --color-box-shadow: ffffff00;

Or if you want effect like this:

just drop this one:

.guest-box.login-box {
    --color-main-text: #e3e3e3;
    --color-main-background: #494a4a30;
    --color-main-background-blur: #494a4a30;
    --filter-background-blur: none;
    --color-box-shadow: ffffff00;
}

.login-form__headline {
    color: #e3e3e3;
}

.two-factor-header {
    color: #000000;
}

#body-login footer {
    padding: 0;
}

rkaerner · August 24, 2023, 11:38am

hello martinii,
funny, the questioner from back then is the solver from today. The second solution is the one that suits me. Thanks a lot for your help!

regards,
Ralph