StarCitizenTools/mediawiki-skins-Citizen
1
0
Fork 0
mirror of https://github.com/StarCitizenTools/mediawiki-skins-Citizen.git synced 2024-11-16 02:54:06 +00:00
Code Issues Packages Projects Releases Wiki Activity
mediawiki-skins-Citizen/skinStyles/jquery.ui/smoothness/jquery.ui.theme.less

143 lines
3.1 KiB
Plaintext
Raw Normal View History

Add jQuery UI darkmode
2019-12-30 19:59:22 +00:00
/*
* Citizen - jQuery UI Smoothness Theme
* https://starcitizen.tools
*/
@import '../../../resources/variables.less';
feat: update jquery ui styles
2021-03-07 03:22:51 +00:00
/*!
* jQuery UI CSS Framework 1.9.2
*/
Add jQuery UI darkmode
2019-12-30 19:59:22 +00:00
feat: update jquery ui styles
2021-03-07 03:22:51 +00:00
/* Component containers
----------------------------------*/
.ui {
&-dialog {
feat: implement a more adaptive smooth shadow * Looks more natural * Can be customized through the surface-shadow and shadow-strength CSS var * Light mode and dark mode have been different shadow now, it should be more visible in dark mode * Box-shadow is a CSS var, which can be used in templates and wiki CSS
2022-04-24 19:24:09 +00:00
box-shadow: var( --box-shadow-dialog );
Add jQuery UI darkmode
2019-12-30 19:59:22 +00:00
feat: update jquery ui styles
2021-03-07 03:22:51 +00:00
&.ui-widget-content {
feat: deprecate --background-color-dp-XX in favor of --color-surface-X --background-color-dp-XX is now fully deprecated in favor of a simpler 4 color surface system. It can be accessed through the --color-surface-X CSS var.
2022-04-26 02:27:52 +00:00
background: var( --color-surface-1 );
feat: update jquery ui styles
2021-03-07 03:22:51 +00:00
}
Add jQuery UI darkmode
2019-12-30 19:59:22 +00:00
}
feat: update jquery ui styles
2021-03-07 03:22:51 +00:00
&-widget {
feat: convert font family to root CSS variable
2021-03-09 18:13:49 +00:00
font-family: var( --font-family-base );
refactor(core): ♻️ deprecate old font variables
2022-11-16 23:06:23 +00:00
font-size: 0.875rem;
Add jQuery UI darkmode
2019-12-30 19:59:22 +00:00
feat: update jquery ui styles
2021-03-07 03:22:51 +00:00
input,
select,
textarea,
button {
feat: convert font family to root CSS variable
2021-03-09 18:13:49 +00:00
font-family: var( --font-family-base );
feat: update jquery ui styles
2021-03-07 03:22:51 +00:00
}
Add jQuery UI darkmode
2019-12-30 19:59:22 +00:00
feat: update jquery ui styles
2021-03-07 03:22:51 +00:00
&-content {
border-color: var( --border-color-base );
feat(core): ✨ deprecate background-color-framed and input background-color-framed can be replaced with color-surface-2 most of the time. input is not used. They are both deprecated in favor of the simpler color-surface system
2022-12-14 17:56:17 +00:00
background: var( --color-surface-2 );
feat: update jquery ui styles
2021-03-07 03:22:51 +00:00
color: var( --color-base );
}
Add jQuery UI darkmode
2019-12-30 19:59:22 +00:00
feat: update jquery ui styles
2021-03-07 03:22:51 +00:00
&-header {
border-color: var( --border-color-base );
feat(core): ✨ deprecate background-color-framed and input background-color-framed can be replaced with color-surface-2 most of the time. input is not used. They are both deprecated in favor of the simpler color-surface system
2022-12-14 17:56:17 +00:00
background: var( --color-surface-2--hover );
feat: update jquery ui styles
2021-03-07 03:22:51 +00:00
color: var( --color-base );
}
Add jQuery UI darkmode
2019-12-30 19:59:22 +00:00
}
feat: update jquery ui styles
2021-03-07 03:22:51 +00:00
}
Add jQuery UI darkmode
2019-12-30 19:59:22 +00:00
feat: update jquery ui styles
2021-03-07 03:22:51 +00:00
/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
border-color: var( --border-color-base );
feat(core): ✨ deprecate background-color-framed and input background-color-framed can be replaced with color-surface-2 most of the time. input is not used. They are both deprecated in favor of the simpler color-surface system
2022-12-14 17:56:17 +00:00
background-color: var( --color-surface-2 );
feat: update jquery ui styles
2021-03-07 03:22:51 +00:00
color: var( --color-base );
}
Add jQuery UI darkmode
2019-12-30 19:59:22 +00:00
feat: update jquery ui styles
2021-03-07 03:22:51 +00:00
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
color: var( --color-base );
}
Add jQuery UI darkmode
2019-12-30 19:59:22 +00:00
feat: update jquery ui styles
2021-03-07 03:22:51 +00:00
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
border-color: var( --border-color-base );
feat(core): ✨ deprecate background-color-framed and input background-color-framed can be replaced with color-surface-2 most of the time. input is not used. They are both deprecated in favor of the simpler color-surface system
2022-12-14 17:56:17 +00:00
background-color: var( --color-surface-2--hover );
feat: update jquery ui styles
2021-03-07 03:22:51 +00:00
color: var( --color-base--emphasized );
}
Add jQuery UI darkmode
2019-12-30 19:59:22 +00:00
feat: update jquery ui styles
2021-03-07 03:22:51 +00:00
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
color: var( --color-base--emphasized );
}
Add jQuery UI darkmode
2019-12-30 19:59:22 +00:00
feat: update jquery ui styles
2021-03-07 03:22:51 +00:00
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
feat(core): ✨ deprecate background-color-framed and input background-color-framed can be replaced with color-surface-2 most of the time. input is not used. They are both deprecated in favor of the simpler color-surface system
2022-12-14 17:56:17 +00:00
border-color: var( --color-surface-2--active );
background-color: var( --color-surface-2--active );
feat: update jquery ui styles
2021-03-07 03:22:51 +00:00
color: var( --color-base--subtle );
}
Add jQuery UI darkmode
2019-12-30 19:59:22 +00:00
feat: update jquery ui styles
2021-03-07 03:22:51 +00:00
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
color: var( --color-base--subtle );
}
Add jQuery UI darkmode
2019-12-30 19:59:22 +00:00
feat: update jquery ui styles
2021-03-07 03:22:51 +00:00
/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
border-color: var( --border-color-base );
background: var( --background-color-primary--hover );
color: var( --color-primary );
}
Add jQuery UI darkmode
2019-12-30 19:59:22 +00:00
feat: update jquery ui styles
2021-03-07 03:22:51 +00:00
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
color: var( --color-primary );
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
border-color: var( --border-color-base );
background: var( --background-color-destructive );
color: var( --color-destructive );
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
color: var( --color-destructive );
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
color: var( --color-destructive );
}
/* Overlays */
.ui-widget-overlay {
background: var( --background-color-overlay--lighter );
opacity: 1;
}
Make close icon visible
2019-12-30 20:02:53 +00:00
feat: update jquery ui styles
2021-03-07 03:22:51 +00:00
.skin-citizen-dark {
Make close icon visible
2019-12-30 20:02:53 +00:00
.ui-widget-header .ui-icon {
feat: update jquery ui styles
2021-03-07 03:22:51 +00:00
filter: invert(1) hue-rotate(180deg);
Make close icon visible
2019-12-30 20:02:53 +00:00
}
Add jQuery UI darkmode
2019-12-30 19:59:22 +00:00
}
Reference in a new issue Copy permalink