Members of the KDE Community are recommended to subscribe to the kde-community mailing list at https://mail.kde.org/mailman/listinfo/kde-community to allow them to participate in important discussions and receive other important announcements

Commit 54641aef authored by Carl Schwan's avatar Carl Schwan 🚴🏻

Change color theme

parent 650bd05e
Pipeline #26761 canceled with stage
......@@ -105,14 +105,6 @@
padding: 5rem;
}
// This allows "painting by numbers"
@for $i from 1 through length($td-box-colors) {
$c: nth($td-box-colors, $i);
$name: $i - 1;
@include box-variant(".td-box", $name, $c);
}
// Same as above with all the theme color names.
@each $color, $value in $colors {
@include box-variant(".td-box", $color, $value);
......
......@@ -30,12 +30,3 @@
@each $color, $value in $grays {
@include palette-variant($color, $value);
}
// This allows "painting by numbers", i.e. picking colors by a shortcode Ordianal.
@for $i from 1 through length($td-box-colors) {
$value: nth($td-box-colors, $i);
$name: $i - 1;
$text-color: color-yiq($value);
@include palette-variant($name, $value);
}
\ No newline at end of file
//
// Main navbar
//
/**
* SPDX-FileCopyrightText: (C) Carl Schwan <carl@carlschwan.eu>
*
* SPDX-LicenseRef: Apache-2.0
*/
/*
* Main navbar
*/
@include media-breakpoint-up(md) {
.header {
position: fixed;
top: 0;
width: 100%;
}
}
.td-navbar-cover {
background: $primary;
@include media-breakpoint-up(md) {
background: transparent !important;
background: $primary;
.nav-link {
text-shadow: 1px 1px 2px $dark;
}
@include media-breakpoint-up(md) {
background: transparent !important;
.nav-link {
text-shadow: 1px 1px 2px $dark;
}
}
&.navbar-bg-onscroll .nav-link {
text-shadow: none;
}
&.navbar-bg-onscroll .nav-link {
text-shadow: none;
}
}
.navbar-bg-onscroll {
......@@ -25,39 +38,13 @@
}
.td-navbar {
background: $primary;
min-height: 4rem;
background-color: #fcfcfc;
@media (prefers-color-scheme: dark) {
background-color: #232629;
}
margin: 0;
z-index: 32;
@include media-breakpoint-up(md) {
position: fixed;
top: 0;
width: 100%;
}
.navbar-brand {
text-transform: none;
text-align: middle;
.nav-link {
display: inline-block;
margin-right: -30px;
}
svg {
display: inline-block;
margin: 0 10px;
height: 30px;
}
}
.nav-link {
text-transform: none;
font-weight: $font-weight-bold;
}
.td-search-input {
border: none;
......@@ -95,4 +82,4 @@
}
}
}
}
\ No newline at end of file
}
......@@ -13,52 +13,17 @@ $enable-shadows: true;
// Theme flags.
$td-enable-google-fonts: true !default;
// Theme colors
$primary: #30638E !default;
$primary-light: lighten($primary, 75%) !default;
$secondary: #FFA630 !default;
$success: #3772FF !default;
$info: #C0E0DE !default;
$warning: #ED6A5A !default;
$danger: #ED6A5A !default;
$white: #fff !default;
$light: #D3F3EE !default;
$dark: #403F4C !default;
$blue: #72A1E5 !default;
$orange: #BA5A31 !default;
$gray-100: #f8f9fa !default;
$gray-200: #eee !default;
$gray-300: #dee2e6 !default;
$gray-400: #ccc !default;
$gray-500: #adb5bd !default;
$gray-600: #888 !default;
$gray-700: #495057 !default;
$gray-800: #333 !default;
$gray-900: #222 !default;
$black: #000 !default;
$code-color: darken($secondary, 20%) !default;
// UI element colors
$primary: #54a3d8;
$gray-300: #eff0f1;
$gray-600: #bdc3c7;
$black: #232629;
$border-color: $gray-300 !default;
$td-sidebar-bg-color: rgba($primary, 0.03) !default;
$td-sidebar-border-color: $border-color !default;
// Background colors for the sections on home page etc. It is a paint by number system, starting at 0, where the number is taken from the shortcode's ordinal
// if not provided by the user.
// These colors are all part of the theme palette, but the mix is fairly random to create variation. This can be overridden by the project if needed.
$td-box-colors: $dark, $primary, $secondary, $info, $primary-light, $gray-600, $success, $warning, $dark, $danger, $primary, $secondary, $primary-light, $info !default;
$link-color: darken($blue, 15%) !default;
$link-decoration: none !default;
$link-hover-color: darken($link-color, 15%) !default;
$link-hover-decoration: none !default;
// Fonts
$google_font_name: "Open Sans" !default;
......@@ -67,10 +32,6 @@ $web-font-path: "https://fonts.googleapis.com/css?family=#{$google_font_family}"
$td-fonts-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
@if $td-enable-google-fonts {
$td-fonts-serif: prepend($td-fonts-serif, "#{$google_font_name}");
}
$font-family-sans-serif: $td-fonts-serif !default;
$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default;
......@@ -120,12 +81,5 @@ $pagination-border-color: rgba($black, 0.1) !default;
$pagination-active-border-color: darken($primary, 5%) !default;
$pagination-disabled-color: $gray-300 !default;
// Navbar
$navbar-dark-color: rgba($white, 0.75) !default;
$navbar-dark-hover-color: rgba($white, 0.5) !default;
$navbar-dark-active-color: $white !default;
$navbar-dark-disabled-color: rgba($white, 0.25) !default;
// The yiq lightness value that determines when the lightness of color changes from "dark" to "light".
$yiq-contrasted-threshold: 200 !default;
......@@ -23,10 +23,6 @@
@import "section-index";
@import "pageinfo";
@if $td-enable-google-fonts {
@import url($web-font-path);
}
footer {
min-height: 150px;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment