Compare commits

...

7 Commits

7 changed files with 56 additions and 25 deletions
+1 -1
View File
@@ -8,4 +8,4 @@ if (! defined('BASEPATH')) exit('No direct script access allowed');
$config['theme_name']='default';
$config['theme_css']= "public/css/theme/default.css";
$config['theme_logo']= "public/images/logo_fh-complete_300x46.png";
$config['theme_modes']=['light','dark'];
$config['theme_modes']=['light','dark','contrast'];
+37 -19
View File
@@ -41,30 +41,34 @@ html {
color: var(--fhc-primary-highlight) !important;
}
.fhc-body-bg{
background-color:var(--fhc-background) !important;
}
.fhc-body-color{
color: var(--fhc-text) !important;
.fhc-primary-text{
color: var(--fhc-light) !important;
}
.fhc-secondary-bg{
background-color: var(--fhc-tertiary) !important;
}
.fhc-secondary-color {
color: var(--fhc-tertiary) !important;
}
.fhc-tertiary-bg{
background-color: var(--fhc-secondary) !important;
}
.fhc-tertiary-color {
.fhc-secondary-color {
color: var(--fhc-secondary) !important;
}
.fhc-secondary-text{
color: var(--fhc-secondary-text) !important;
}
.fhc-tertiary-bg{
background-color: var(--fhc-tertiary) !important;
}
.fhc-tertiary-color {
color: var(--fhc-tertiary) !important;
}
.fhc-tertiary-text{
color: var(--fhc-tertiary-text) !important;
}
.fhc-fourth-bg {
background-color: var(--fhc-fourth) !important;
}
@@ -73,6 +77,10 @@ html {
color: var(--fhc-fourth) !important;
}
.fhc-fourth-text {
color: var(--fhc-fourth-text) !important;
}
.fhc-fifth-bg {
background-color: var(--fhc-fifth) !important;
}
@@ -81,12 +89,22 @@ html {
color: var(--fhc-fifth) !important;
}
.fhc-fifth-text {
color: var(--fhc-fifth-text) !important;
}
.fhc-body{
color:var(--fhc-text);
background-color: var(--fhc-background);
border-color: var(--fhc-border);
}
.fhc-body-highlight {
color: var(--fhc-text);
background-color: var(--fhc-background-highlight);
border-color: var(--fhc-border);
}
.fhc-secondary {
color: var(--fhc-text);
background-color: var(--fhc-tertiary);
@@ -127,22 +145,22 @@ html {
--fhc-cis-menu-lvl-1-color-hover: var(--fhc-light);
--fhc-cis-menu-lvl-2-bg: var(--fhc-secondary);
--fhc-cis-menu-lvl-2-color: var(--fhc-text);
--fhc-cis-menu-lvl-2-color: var(--fhc-secondary-text);
--fhc-cis-menu-lvl-2-bg-hover: var(--fhc-secondary-highlight);
--fhc-cis-menu-lvl-2-color-hover: var(--fhc-text);
--fhc-cis-menu-lvl-3-bg: var(--fhc-tertiary);
--fhc-cis-menu-lvl-3-color: var(--fhc-text);
--fhc-cis-menu-lvl-3-color: var(--fhc-secondary-text);
--fhc-cis-menu-lvl-3-bg-hover: var(--fhc-tertiary-highlight);
--fhc-cis-menu-lvl-3-color-hover: var(--fhc-text);
--fhc-cis-menu-lvl-4-bg: var(--fhc-fourth);
--fhc-cis-menu-lvl-4-color: var(--fhc-text);
--fhc-cis-menu-lvl-4-color: var(--fhc-secondary-text);
--fhc-cis-menu-lvl-4-bg-hover: var(--fhc-fourth-highlight);
--fhc-cis-menu-lvl-4-color-hover: var(--fhc-text);
--fhc-cis-menu-lvl-5-bg: var(--fhc-fifth);
--fhc-cis-menu-lvl-5-color: var(--fhc-text);
--fhc-cis-menu-lvl-5-color: var(--fhc-secondary-text);
--fhc-cis-menu-lvl-5-bg-hover: var(--fhc-fifth-highlight);
--fhc-cis-menu-lvl-5-color-hover: var(--fhc-text);
--fhc-cis-grade-positive: var(--fhc-success);
+1 -1
View File
@@ -14,7 +14,7 @@
--fhc-calendar-border-event: var(--bs-secondary, #6c757d);
--fhc-calendar-radius-event: var(--bs-border-radius, .375rem);
--fhc-calendar-bg-markings-past: var(--fhc-beige-10, rgba(245, 233, 215, 0.5));
--fhc-calendar-bg-markings-past: var(--fhc-outdated, rgba(245, 233, 215, 0.5));
--fhc-calendar-border-markings-past: var(--fhc-calendar-border);
--fhc-calendar-bg-markings-past-label: var(--fhc-calendar-bg);
--fhc-calendar-border-markings-past-label: var(--fhc-calendar-border);
+1 -1
View File
@@ -103,7 +103,7 @@ export default {
<div class="row">
<div class="col" v-html="content">
</div>
<div class="col-auto">
<div class="col-auto " style="align-self:flex-start;">
<div style="width:15rem">
<studiengang-information></studiengang-information>
</div>
+14 -2
View File
@@ -11,6 +11,18 @@ export default {
CisSprachen,
ThemeSwitch,
},
directives:{
navToggleButton:{
updated(el, binding, vnode, prevVnode){
const { menuOpen, themeName } = binding.value;
if(menuOpen && themeName === "contrast"){
el.querySelector('i').style.setProperty('color', 'white', 'important')
} else if (!menuOpen && themeName === "contrast"){
el.querySelector('i').style.setProperty('color', 'black', 'important')
}
}
}
},
props: {
rootUrl: String,
logoUrl: String,
@@ -143,8 +155,8 @@ export default {
<nav id="nav-main" class="offcanvas offcanvas-start" tabindex="-1" aria-labelledby="nav-main-btn" data-bs-backdrop="false">
<div id="nav-main-sticky">
<div id="nav-main-toggle" class="position-static d-none d-lg-block ">
<button :aria-label="menuCollapseAriaLabel" type="button" @click="menuOpen = !menuOpen" class="btn text-light rounded-0 p-1 d-flex align-items-center" data-bs-toggle="collapse" data-bs-target=".nav-menu-collapse" aria-expanded="true" aria-controls="nav-sprachen nav-main-menu">
<i aria-hidden="true" class="fa fa-arrow-circle-left fhc-text"></i>
<button v-navToggleButton="{menuOpen, themeName: $theme.theme_name.value}" :aria-label="menuCollapseAriaLabel" :title="menuCollapseAriaLabel" type="button" @click="menuOpen = !menuOpen" class="btn text-light rounded-0 p-1 d-flex align-items-center" data-bs-toggle="collapse" data-bs-target=".nav-menu-collapse" aria-expanded="true" aria-controls="nav-sprachen nav-main-menu">
<i aria-hidden="true" class="fa fa-arrow-circle-left fhc-secondary-text"></i>
</button>
</div>
<div class="offcanvas-body p-0">
+1
View File
@@ -27,6 +27,7 @@ export default {
<button id="themeSwitch" :aria-label="$p.t('global','switchTheme',[nextTheme])" @click="switchTheme(nextTheme)" class="fhc-primary-highlight-bg align-self-center btn btn-secondary rounded-5">
<i v-if="theme == 'light'" class="fa-solid fa-sun " aria-hidden="true"></i>
<i v-else-if="theme == 'dark'" class="fa-solid fa-moon " aria-hidden="true"></i>
<i v-else-if="theme == 'contrast'" class="fa-solid fa-circle-half-stroke " aria-hidden="true"></i>
<!--<i v-else-if="theme == 'purple'" class="fa-solid fa-wine-bottle" aria-hidden="true"></i>-->
</button>
`
+1 -1
View File
@@ -97,7 +97,7 @@ export default {
class="h-100 input-group me-2 searchbar_searchbox"
:class="showresult ? 'open' : 'closed'"
>
<span class="input-group-text">
<span class="input-group-text" type="button" @click="$refs.input.focus()">
<i class="fa-solid fa-magnifying-glass"></i>
</span>
<input