6e232716e7
Gerrit 3.4 deprecates HTML-based plugins, so the old theme doesn't work. I have reworked this into a javascript plugin. This should look the same, although I've achieved things in different ways. This doesn't register light and dark variants; since background-primary-color is white, by setting the header-background-color to this we get white behind the header bar, and it correctly switches to the default black(ish) when in dark mode (currently its seems the header doesn't obey dark mode, so this is an improvement). I'm not sure what's going on with the extant header-border-image which is a linear gradient all of the same color. I modified this down to 1px (same as default) and made it fade in-and-out of the logo colour, just for fun. Change-Id: Ia2e32731c1cfe97639de2ec0e7660c7ed583e045
40 lines
1.3 KiB
JavaScript
40 lines
1.3 KiB
JavaScript
/**
|
|
* @license
|
|
* Copyright (C) 2021 Red Hat, Inc.
|
|
*
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
* you may not use this file except in compliance with the License.
|
|
* You may obtain a copy of the License at
|
|
*
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
* See the License for the specific language governing permissions and
|
|
* limitations under the License.
|
|
*/
|
|
|
|
'use strict';
|
|
|
|
const openDevThemeStyle = document.createElement('dom-module');
|
|
openDevThemeStyle.innerHTML = `
|
|
<template>
|
|
<style>
|
|
html {
|
|
--header-title-content: "OpenDev";
|
|
--header-icon: url("/static/opendev-sm.png");
|
|
--header-background-color: var(--background-color-primary);
|
|
--header-icon-size: 1.2em;
|
|
--header-border-bottom: 1px solid;
|
|
--header-border-image: linear-gradient(to right, #ee265e, #f9b8cb, #ee265e) 1;
|
|
}
|
|
</style>
|
|
</template>
|
|
`;
|
|
openDevThemeStyle.register('opendev-site-theme');
|
|
|
|
Gerrit.install(plugin => {
|
|
plugin.registerStyleModule('app-theme', 'opendev-site-theme');
|
|
});
|