Skip to content
Snippets Groups Projects
Commit 5478ed20 authored by Steinwender, Tamara's avatar Steinwender, Tamara
Browse files

Apply new color system

parent 889b99ae
No related branches found
No related tags found
No related merge requests found
Pipeline #69337 passed
Stage: test
Stage: deploy
Stage: e2e
Show whitespace changes
Inline Side-by-side
assets/dbp-signature.html.ejs
+ 34
− 15
View file @ 5478ed20
......@@ -41,18 +41,37 @@
font-family: 'Source Sans Pro', 'Calibri', 'Arial', 'sans-serif';
font-weight: 300;
margin: 0;
background-color: var(--dbp-override-base-light);
color: var(--dbp-override-text-dark);
}
/* TU-Graz style override */
html {
--dbp-override-primary-bg-color: #245b78;
--dbp-override-primary-button-border: solid 1px #245b78;
--dbp-override-info-bg-color: #245b78;
--dbp-override-danger-bg-color: #e4154b;
--dbp-override-warning-bg-color: #ffe183;
--dbp-override-warning-text-color: black;
--dbp-override-success-bg-color: #259207;
/* --dbp-override-downloaded-bg-color: #9fdf9f; */
--dbp-override-base-light: #ffffff;
--dbp-override-base-dark: #000000;
--dbp-override-text-light: #ffffff;
--dbp-override-text-dark: #000000;
--dbp-override-text-muted-light: #afaca7;
--dbp-override-text-muted-dark: #5c5856;
--dbp-override-accent-light: #e4154b;
--dbp-override-accent-dark: #e4154b;
--dbp-override-primary-light: #73899e;
--dbp-override-primary-dark: #245b78;
--dbp-override-secondary-light: #ffffff;
--dbp-override-secondary-dark: #000000;
--dbp-override-info-light: #73899e;
--dbp-override-info-dark: #245b78;
--dbp-override-success-light: #75c438;
--dbp-override-success-dark: #148800;
--dbp-override-warning-light: #ffad4d;
--dbp-override-warning-dark: #af6405;
--dbp-override-danger-light: #ff5d79;
--dbp-override-danger-dark: #e4154b;
--dbp-override-border-light: 1px solid #ffffff;
--dbp-override-border-dark: 1px solid #000000;
--dbp-override-hover-base: #000000;
--dbp-override-hover-text: #ffffff;
--dbp-override-image-nextcloud: url(<%= getUrl('') %>images/nextcloud.svg);
}
</style>
......@@ -114,18 +133,18 @@
}
.footer-links a {
border-bottom: 1px solid rgba(0, 0, 0, 0.3);
border-bottom: var(--dbp-border-dark);
padding: 0;
margin-left: 1em;
transition: background-color 0.15s ease 0s, color 0.15s ease 0s;
color: #6c757d;
color: var(--dbp-text-dark);
cursor: pointer;
text-decoration: none;
}
.footer-links a:hover {
color: #fff;
background-color: #000;
color: var(--dbp-hover-text);
background-color: var(--dbp-hover-base);
}
</style>
<dbp-translated subscribe="lang">
......@@ -159,12 +178,12 @@
<style>
.int-link-internal{
transition: background-color 0.15s, color 0.15s;
border-bottom: 1px solid rgba(0,0,0,0.3);
border-bottom: var(--dbp-border-dark);
}
.int-link-internal:hover{
background-color: black;
color: white;
background-color: var(--dbp-hover-base);
color: var(--dbp-hover-text);
}
.int-link-internal:after{
......
src/dbp-pdf-annotation-view.js
+ 6
− 11
View file @ 5478ed20
......@@ -232,11 +232,11 @@ export class PdfAnnotationView extends ScopedElementsMixin(DBPLitElement) {
}
.border {
border-top: 1px solid #888;
border-top: var(--dbp-border-dark);
padding-bottom: .5em;
}
.border-wrapper {
border: 1px solid black;
border: var(--dbp-border-dark);
border-bottom-width: 0;
border-top-width: 0;
......@@ -272,23 +272,17 @@ export class PdfAnnotationView extends ScopedElementsMixin(DBPLitElement) {
#fields-wrapper {
position: relative;
border-color: #000;
border-width: 1px;
border-style: solid;
border: var(--dbp-border-dark);
padding: 0.5em;
padding-bottom: 0.8em;
border-top-width: 0;
}
#pdf-meta {
border-color: #000;
border-width: 1px;
border-style: solid;
border: var(--dbp-border-dark);
padding: 0.5em;
border-bottom-width: 0;
border-top-width: 0;
padding-bottom: 1em;
}
......@@ -296,7 +290,8 @@ export class PdfAnnotationView extends ScopedElementsMixin(DBPLitElement) {
padding-left: 8px;
font-weight: 300;
color: inherit;
border: 1px solid #aaa;
border: var(--dbp-border-dark);
border-color: var(--dbp-text-muted-dark);
line-height: 100%;
height: 28px;
width: 100%;
......
src/dbp-pdf-preview.js
+ 4
− 7
View file @ 5478ed20
......@@ -499,8 +499,7 @@ export class PdfPreview extends ScopedElementsMixin(DBPLitElement) {
position: absolute;
top: 0;
left: 0;
border: solid 1px black;
border-top-color: #888;
border: var(--dbp-border-dark);
}
#annotation-layer {
......@@ -548,21 +547,19 @@ export class PdfPreview extends ScopedElementsMixin(DBPLitElement) {
}
input[type=number] {
border: 1px solid #000;
border: var(--dbp-border-dark);
padding: 0 0.3em;
}
#pdf-meta {
border-color: #000;
border-width: 1px;
border-style: solid;
border: var(--dbp-border-dark);
padding: 0.54em;
border-bottom-width: 0;
border-top-width: 0;
}
.button.is-cancel {
color: #e4154b;
color: var(--dbp-danger-dark);
}
.error-message{
......
src/dbp-qualified-signature-pdf-upload.js
+ 1
− 1
View file @ 5478ed20
......@@ -424,7 +424,7 @@ class QualifiedSignaturePdfUpload extends ScopedElementsMixin(DBPSignatureLitEle
}
#external-auth .button.is-cancel {
color: #e4154b;
color: var(--dbp-danger-dark);
}
#iframe {
......
src/dbp-signature-verification.js
+ 6
− 6
View file @ 5478ed20
......@@ -45,13 +45,13 @@ class SignatureVerification extends ScopedElementsMixin(DBPSignatureLitElement)
${commonStyles.getGeneralCSS(false)}
a {
border-bottom: 1px solid rgba(0,0,0,0.3);
border-bottom: var(--dbp-border-dark);
padding: 0;
}
a:hover {
color: #fff;
background-color: #000;
background-color: var(--dbp-hover-base);
color: var(--dbp-hover-text);
}
h2:first-child {
......@@ -61,12 +61,12 @@ class SignatureVerification extends ScopedElementsMixin(DBPSignatureLitElement)
.int-link-internal{
transition: background-color 0.15s, color 0.15s;
border-bottom: 1px solid rgba(0,0,0,0.3);
border-bottom: var(--dbp-border-dark);
}
.int-link-internal:hover{
background-color: black;
color: white;
background-color: var(--dbp-hover-base);
color: var(--dbp-hover-text);
}
.int-link-internal:after{
......
src/styles.js
+ 14
− 11
View file @ 5478ed20
......@@ -8,7 +8,7 @@ export function getSignatureCss() {
background: transparent;
border: none;
font-size: 1.5rem;
color: var(--dbp-override-danger-bg-color);
color: var(--dbp-accent-dark);
cursor: pointer;
padding: 0px;
padding-right: 2px;
......@@ -41,7 +41,7 @@ export function getSignatureCss() {
}
#pdf-preview .box-header, #annotation-view .box-header {
border: 1px solid #000;
border: var(--dbp-border-dark);
border-bottom-width: 0;
padding: 0.5em 0.5em 0 0.5em;
}
......@@ -85,11 +85,12 @@ export function getSignatureCss() {
}
.error, #cancel-signing-process {
color: #e4154b;
color: var(--dbp-danger-dark);
}
#cancel-signing-process:hover {
color: white;
color: var(--dbp-hover-text);
background-color: var(--dbp-hover-base);
}
/* using dbp-icon doesn't work */
......@@ -98,7 +99,7 @@ export function getSignatureCss() {
}
a > [name=close] {
color: red;
color: var(--dbp-accent-dark);
}
.empty-queue {
......@@ -120,7 +121,7 @@ export function getSignatureCss() {
}
.file-block, .box {
border: solid 1px black;
border: var(--dbp-border-dark);
padding: 10px;
}
......@@ -159,7 +160,7 @@ export function getSignatureCss() {
.file-block .error-line {
margin-top: 6px;
color: var(--dbp-override-danger-bg-color);
color: var(--dbp-danger-dark);
}
.file-block.error div.bottom-line {
......@@ -184,7 +185,7 @@ export function getSignatureCss() {
}
#pdf-preview .button.is-cancel {
color: #e4154b;
color: var(--dbp-accent-dark);
}
.is-right {
......@@ -232,13 +233,14 @@ export function getSignatureCss() {
}
.border{
border-top: 1px solid black;
border-top: var(--dbp-border-dark);
margin-top: 2rem;
padding-top: 2rem;
}
.placement-missing {
border: solid 2px var(--dbp-override-danger-bg-color);
border: solid 2px var(--dbp-danger-dark);
border-radius: var(--dbp-border-radius);
}
.subheadline{
......@@ -261,7 +263,8 @@ export function getSignatureCss() {
left: 0;
right: 0;
bottom: 0;
background-color: white;
background-color: var(--dbp-base-light);
color: var(--dbp-text-dark);
overflow-y: scroll;
}
......
src/textswitch.js
+ 12
− 3
View file @ 5478ed20
......@@ -56,9 +56,17 @@ export class TextSwitch extends LitElement {
border-right-width: 0;
}
.button:first-child{
border-radius: var(--dbp-border-radius) 0 0 var(--dbp-border-radius);
}
.button:last-child{
border-radius: 0 var(--dbp-border-radius) var(--dbp-border-radius) 0;
}
.active {
background-color: black !important;
color: var(--dbp-primary-text-color) !important;
background-color: var(--dbp-secondary-dark) !important;
color: var(--dbp-text-light) !important;
}
.button {
......@@ -66,7 +74,8 @@ export class TextSwitch extends LitElement {
}
.button:hover {
background-color: var(--dbp-secondary-bg-color) !important;
background-color: var(--dbp-hover-base) !important;
color: var(--dbp-hover-text) !important;
}
`;
}
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please to comment