Commit aee9bbdd authored by yPhil's avatar yPhil
Browse files

Theming (yes, again)

- New theme switching strategy
- New button margin tactics
parent 223ea801
Pipeline #411299 passed with stage
in 44 seconds
This diff is collapsed.
......@@ -230,17 +230,16 @@ button.dangerous:hover {
.topNav {
z-index: 20;
background-color: var(--color-ui-qua);
display: flex;
flex-direction: row;
overflow: hidden;
height: 45px;
}
.topNav > div.menuBarItem {
color: var(--color-ui-pri);
text-align: center;
}
/* .topNav > div.menuBarItem { */
/* color: var(--color-ui-pri); */
/* text-align: center; */
/* } */
.topNav .navLeft {
order: 1;
......@@ -257,11 +256,15 @@ button.dangerous:hover {
.topNav > div.menuBarItem > i.topMenuIcon {
display: block;
color: var(--color-ui-sec);
color: var(--color-text);
font-size: 16pt;
margin: 8px 8px 8px 12px;
}
.topNav > div.menuBarItem > i.topMenuIcon:hover {
color: var(--color-link-hover);
}
.topNav > div.menuBarItem > i.icon-reset {
margin: 11px 0 8px -28px;
color: #333;
......@@ -275,10 +278,6 @@ button.dangerous:hover {
margin: 4px 0 8px;
}
.topNav > div.menuBarItem i.topMenuIcon:hover {
color: var(--color-text);
}
.icon-w3c {
color: var(--color-ui-success);
}
......@@ -291,7 +290,7 @@ i.icon-petrolette {
}
.logoTitle {
color: var(--color-link-hover);
color: var(--color-ui-sec);
display: var(--logo-display);
font-family: LobsterRegular, Helvetica, Arial, sans-serif;
font-size: 36pt;
......@@ -313,8 +312,17 @@ div#logoTitle > div {
flex: 1 0;
}
.ui-tab i.tabCloser {
top: 2px;
color: var(--color-tab-inactive-bg);
}
.ui-state-active i.tabCloser {
color: var(--color-text);
}
i.tabCloser:hover {
color: var(--color-link-hover);
color: var(--color-danger);
}
[class ^= "icon-"]::before,
......@@ -456,7 +464,7 @@ ul {
width: -moz-available;
width: -webkit-fill-available;
width: fill-available;
align-items: center;
/* align-items: center; */
}
#questionDialog > .flexBox {
......@@ -471,11 +479,6 @@ ul {
flex-grow: 4;
}
/* legend, */
/* #dialogs p { */
/* color: var(--color-ui-pri); */
/* } */
ul.help li {
margin: 1em 0 0 1em;
}
......@@ -578,10 +581,7 @@ select {
fieldset {
border: 0;
}
fieldset.menuForm {
display: flex;
padding-top: 0.1em;
}
.sideMenuTitleToggleDiv {
......@@ -605,7 +605,7 @@ nav#sideMenu {
padding: 0.3em 0 0 0;
position: fixed;
top: 0;
transition: left 0.1s ease-out;
transition: background-color 0.2s, left 0.1s ease-out;
width: var(--side-menu-width-expanded);
z-index: 11;
overflow: auto;
......@@ -788,7 +788,7 @@ ul.help li.cloud::before {
.grow,
.shrink,
.unique {
margin: 0.1em;
margin: 0.2em;
}
.column {
......@@ -1088,7 +1088,7 @@ div.fancybox-caption a.ui-button.ui-corner-all:hover {
}
#remotestorage-widget > .rs-widget {
margin: 0 0 0.4em 0;
margin: 0.2em 0 0.4em;
padding-left: 0;
border-radius: 3px;
background-color: var(--color-button-bg);
......@@ -1206,12 +1206,6 @@ video {
.ui-spinner {
height: 32px;
margin: 0;
}
.ui-tab i.tabCloser {
top: 2px;
color: var(--color-tab-inactive-bg);
}
.ui-tab#newTabTab {
......@@ -1322,6 +1316,14 @@ a.ui-button:active,
background-color: var(--color-tab-hover);
}
select#gallerySlideTransition {
margin-top: 0.3em;
}
#tabNameInput {
padding: 0.3em;
}
#feedLimit,
#gallerySpeedSlider,
.ui-slider,
......
......@@ -13,24 +13,24 @@
--color-button-hover: #007FFF;
--color-link: #1B426F;
--color-link-visited: #888;
--color-link-hover: #19B5FE;
--color-link-hover: #007FFF;
--color-tab-border: #404552;
--color-feed-control: #F77F00;
--color-feed-control-hover: #19B5FE;
--color-feed-control-hover: #007FFF;
--color-feed-title: #1B426F;
--font-feed-title: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'Segoe UI Emoji', 'Apple Color Emoji', 'Noto Color Emoji', sans-serif;
--color-feed-border: #ADB9E1;
--color-feed-header-bg1: #EFF1F9;
--color-feed-header-bg2: #FFF;
--color-feed-header-bg3: #EFF1F9;
--color-feed-header-bg1: #d6e5f0;
--color-feed-header-bg2: #eaf2f8;
--color-feed-header-bg3: #d2e3ef;
--color-feed-bg: #E9EBEF;
--color-feed-bg-alt: #D4D6DE;
--color-feed-bg-hover: #566ec1;
--color-feed-bg-hover: #A2AFDD;
--color-tab-active-fg: #1F262E;
--color-tab-active-bg: #1F262E;
--color-tab-inactive-fg: #1F262E;
--color-tab-inactive-bg: #E2E6F4;
--color-tab-hover: #566ec1;
--color-tab-hover: #A2AFDD;
--color-danger: #FF0000;
--color-search-result-hilight: #FF0;
}
......@@ -23,7 +23,7 @@ var PTL = (function() {
$searchPrefixOkButton = $('button#searchPrefixOkButton'),
$searchPrefixRestoreButton = $('button#searchPrefixRestoreButton'),
$searchPrefixInput = $('input#searchPrefixInput'),
$spinner = $('#gallerySpeedSpinner'),
$gallerySpeedSpinner = $('#gallerySpeedSpinner'),
$logoType = $('.logoType'),
$topMenu = $('nav#top-menu');
......@@ -310,7 +310,7 @@ var PTL = (function() {
PTL.prefs.writeConfig('tabDropActivate', $(this).prop('checked'));
});
$spinner.spinner({
$gallerySpeedSpinner.spinner({
min: 0.5,
max: 10000,
step: 0.5,
......@@ -321,9 +321,9 @@ var PTL = (function() {
}
});
$spinner.spinner('value', PTL.util.milliToSecs(gallerySlideshowSpeed));
$gallerySpeedSpinner.spinner('value', PTL.util.milliToSecs(gallerySlideshowSpeed));
$spinner.on( 'spinstop', function() {
$gallerySpeedSpinner.on( 'spinstop', function() {
$slider.slider( 'option', 'value', $(this).val() * 1000);
$('.ui-slider-handle').text(PTL.util.milliToSecs($(this).val() * 1000) + 's');
});
......@@ -334,7 +334,7 @@ var PTL = (function() {
"ui-slider-handle": "ui-corner-all",
"ui-slider-range": "ui-corner-all ui-widget-header"
},
value: gallerySlideshowSpeed,
value: parseInt(gallerySlideshowSpeed),
min: 500,
max: 10000,
step: 500,
......@@ -343,9 +343,8 @@ var PTL = (function() {
},
slide: function(event, ui) {
// $('#gallerySlideshowSpeedValue').text(ui.value + 'ms');
$spinner.val(PTL.util.milliToSecs(ui.value));
$(this).find('.ui-slider-handle').text(PTL.util.milliToSecs(ui.value) + 's');
$gallerySpeedSpinner.val(PTL.util.milliToSecs(parseInt(ui.value)));
$(this).find('.ui-slider-handle').text(PTL.util.milliToSecs(parseInt(ui.value)) + 's');
},
change: function(event, ui) {
PTL.prefs.writeConfig('gallerySlideshowSpeed', ui.value);
......
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