0x2620/oxjs
2
0
Fork 1
Code Issues 172 Pull requests Releases Wiki Activity

merging changes

Browse source
This commit is contained in:
rlx 2011-09-03 02:12:44 +00:00
parent 18f117138d
commit 182225ebc4
66 changed files with 206 additions and 186 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
source/Ox.UI/Ox.UI.js
View file

@ -9,6 +9,10 @@ Ox.load.UI = function(options, callback) {
}, options); }, options);
var browsers = [ var browsers = [
{
name: 'Chrome Frame',
url: 'http://www.google.com/chromeframe/',
},
{ {
name: 'Chrome', name: 'Chrome',
regexp: /Chrome\/(\d+)\./, regexp: /Chrome\/(\d+)\./,
@ -26,15 +30,21 @@ Ox.load.UI = function(options, callback) {
regexp: /Version\/(\d+).*? Safari/, regexp: /Version\/(\d+).*? Safari/,
url: 'http://www.apple.com/safari/', url: 'http://www.apple.com/safari/',
version: 5 version: 5
},
{
name: 'Internet Explorer',
url: 'http://windows.microsoft.com/en-US/internet-explorer/products/ie/home',
version: 9
} }
], ],
browserSupported = false, browserSupported = false,
imageNames = {}, imageNames = {},
imageURLs = {}, imageURLs = {},
isInternetExplorer = /MSIE/.test(navigator.userAgent),
loadingInterval; loadingInterval;
browsers.forEach(function(browser) { browsers.forEach(function(browser) {
var match = browser.regexp.exec(navigator.userAgent); var match = browser.regexp && browser.regexp.exec(navigator.userAgent);
if (match && match[1] >= browser.version) { if (match && match[1] >= browser.version) {
browserSupported = true; browserSupported = true;
} }
@ -126,16 +136,19 @@ Ox.load.UI = function(options, callback) {
} }
function showWarning() { function showWarning() {
var counter = 0, var counter = 0;
/*
message = 'Browser not supported, use ' + browsers.map(function(browser, i) { message = 'Browser not supported, use ' + browsers.map(function(browser, i) {
return browser.name + ( return browser.name + (
i == browsers.length - 1 ? '.' : i == browsers.length - 1 ? '.' :
i == browsers.length - 2 ? ' or' : ',' i == browsers.length - 2 ? ' or' : ','
); );
}).join(' '); }).join(' ');
*/
div.addClass('OxError'); div.addClass('OxError');
isInternetExplorer ? browsers.pop() : browsers.shift();
browsers.forEach(function(browser) { browsers.forEach(function(browser) {
browser.src = Ox.PATH + 'Ox.UI/png/browser' + browser.name + '128.png'; browser.src = Ox.PATH + 'Ox.UI/png/browser' + browser.name.replace(' ', '') + '128.png';
Ox.loadFile(browser.src, function() { Ox.loadFile(browser.src, function() {
++counter == browsers.length && showIcons(); ++counter == browsers.length && showIcons();
}); });
@ -151,7 +164,9 @@ Ox.load.UI = function(options, callback) {
var link = Ox.element('<a>') var link = Ox.element('<a>')
.attr({ .attr({
href: browser.url, href: browser.url,
title: browser.name + ' ' + browser.version title: isInternetExplorer
? (browser.name == 'Chrome Frame' ? 'Install' : 'Download') + ' ' + browser.name
: browser.name + ' ' + browser.version
}) })
.css({ .css({
position: 'absolute', position: 'absolute',

13
source/Ox.UI/js/List/Ox.List.js
View file

@ -65,7 +65,12 @@ Ox.List = function(options, self) {
.options(options || {}) .options(options || {})
.scroll(scroll); .scroll(scroll);
that.mousedown(_mousedown); // fixme: in short icon lists, we would want to use that.$element (i.e. that),
// to deselect by clicking below the items
// but clicking on the scrollbar then causes weird selections
// ... we need something analogous to fillFirstPage for icon lists
that.$content.mousedown(_mousedown);
//that.bindEvent('doubleclick', function() {alert('d')}) //that.bindEvent('doubleclick', function() {alert('d')})
/* /*
that.$content.bindEvent({ // fixme: port to new Ox mouse events that.$content.bindEvent({ // fixme: port to new Ox mouse events
@ -498,9 +503,9 @@ Ox.List = function(options, self) {
} }
function getListSize() { function getListSize() {
return Math.ceil(self.listLength * return Math.ceil(self.listLength * (self.options[
(self.options[self.options.orientation == 'horizontal' ? self.options.orientation == 'horizontal' ? 'itemWidth' : 'itemHeight'
'itemWidth' : 'itemHeight'] + self.itemMargin) / self.rowLength); ] + self.itemMargin) / self.rowLength);
} }
function getNext() { function getNext() {

0
source/Ox.UI/png/pluginChromeFrame128.png → source/Ox.UI/png/browserChromeFrame128.png
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 20 KiB

After

Width:  |  Height:  |  Size: 20 KiB

14
source/Ox.UI/themes/classic/css/classic.css
View file

@ -565,17 +565,17 @@ Video
*/ */
.OxThemeClassic .OxSmallVideoTimeline .OxMarkerPlay { .OxThemeClassic .OxSmallVideoTimeline .OxMarkerPlay {
border-color: rgba(255, 255, 255, 0.5);
}
.OxThemeClassic .OxSmallVideoTimeline .OxMarkerPlay > div {
border-color: rgba(0, 0, 0, 1);
}
.OxThemeClassic .OxSmallVideoTimeline .OxMarkerPlay.OxPaused > div {
border-color: rgba(0, 0, 0, 0.5); border-color: rgba(0, 0, 0, 0.5);
} }
.OxThemeClassic .OxSmallVideoTimeline .OxMarkerPlay > div > div { .OxThemeClassic .OxSmallVideoTimeline .OxMarkerPlay > div {
border-color: rgba(255, 255, 255, 1);
}
.OxThemeClassic .OxSmallVideoTimeline .OxMarkerPlay.OxPaused > div {
border-color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.5);
} }
.OxThemeClassic .OxSmallVideoTimeline .OxMarkerPlay > div > div {
border-color: rgba(0, 0, 0, 0.5);
}
.OxThemeClassic .OxVideoPlayer .OxControls.OxOnScreen { .OxThemeClassic .OxVideoPlayer .OxControls.OxOnScreen {
background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(192, 192, 192, 0.5)); background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(192, 192, 192, 0.5));

2
source/Ox.UI/themes/modern/svg/__check.svg
View file

@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256"> <svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<polygon points="64,144 80,120 120,160 176,48 192,80 128,208" fill="#FFFFFF"/> <polygon points="64,144 80,120 120,160 176,48 192,80 128,208" fill="#C0C0C0"/>
</svg> </svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 155 B

After

Width:  |  Height:  |  Size: 155 B

6
source/Ox.UI/themes/modern/svg/_check.svg
View file

@ -1,5 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256"> <svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<polygon points="64,128 120,192" stroke-width="32" stroke="#FFFFFF"/> <polygon points="64,128 120,192" stroke-width="32" stroke="#C0C0C0"/>
<circle cx="120" cy="192" r="16" fill="#FFFFFF"/> <circle cx="120" cy="192" r="16" fill="#C0C0C0"/>
<polygon points="120,192 192,64" stroke-width="32" stroke="#FFFFFF"/> <polygon points="120,192 192,64" stroke-width="32" stroke="#C0C0C0"/>
</svg> </svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 274 B

After

Width:  |  Height:  |  Size: 274 B

8
source/Ox.UI/themes/modern/svg/_mute.svg
View file

@ -1,6 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256"> <svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<polygon points="48,128 96,128" stroke-width="64" stroke="#FFFFFF"/> <polygon points="48,128 96,128" stroke-width="64" stroke="#C0C0C0"/>
<polygon points="64,128 144,48 144,208" fill="#FFFFFF"/> <polygon points="64,128 144,48 144,208" fill="#C0C0C0"/>
<path d="M 160,96 a 60,60 0 0,1 0,64" fill="none" stroke-width="16" stroke="#FFFFFF"/> <path d="M 160,96 a 60,60 0 0,1 0,64" fill="none" stroke-width="16" stroke="#C0C0C0"/>
<path d="M 176,64 a 96,96 0 0,1 0,128" fill="none" stroke-width="16" stroke="#FFFFFF"/> <path d="M 176,64 a 96,96 0 0,1 0,128" fill="none" stroke-width="16" stroke="#C0C0C0"/>
</svg> </svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 389 B

After

Width:  |  Height:  |  Size: 389 B

6
source/Ox.UI/themes/modern/svg/_viewColumns.svg
View file

@ -1,5 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256"> <svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<rect x="40" y="40" width="176" height="176" fill="none" stroke="#FFFFFF" stroke-width="16"/> <rect x="40" y="40" width="176" height="176" fill="none" stroke="#C0C0C0" stroke-width="16"/>
<line x1="101" y1="40" x2="101" y2="216" stroke="#FFFFFF" stroke-width="16"/> <line x1="101" y1="40" x2="101" y2="216" stroke="#C0C0C0" stroke-width="16"/>
<line x1="155" y1="40" x2="155" y2="216" stroke="#FFFFFF" stroke-width="16"/> <line x1="155" y1="40" x2="155" y2="216" stroke="#C0C0C0" stroke-width="16"/>
</svg> </svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 334 B

After

Width:  |  Height:  |  Size: 334 B

16
source/Ox.UI/themes/modern/svg/_viewIconList.svg
View file

@ -1,10 +1,10 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256"> <svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<rect x="40" y="40" width="64" height="64" fill="#FFFFFF" stroke="#FFFFFF" stroke-width="16"/> <rect x="40" y="40" width="64" height="64" fill="#C0C0C0" stroke="#C0C0C0" stroke-width="16"/>
<line x1="144" y1="40" x2="224" y2="40" stroke="#FFFFFF" stroke-width="16"/> <line x1="144" y1="40" x2="224" y2="40" stroke="#C0C0C0" stroke-width="16"/>
<line x1="144" y1="72" x2="224" y2="72" stroke="#FFFFFF" stroke-width="16"/> <line x1="144" y1="72" x2="224" y2="72" stroke="#C0C0C0" stroke-width="16"/>
<line x1="144" y1="104" x2="224" y2="104" stroke="#FFFFFF" stroke-width="16"/> <line x1="144" y1="104" x2="224" y2="104" stroke="#C0C0C0" stroke-width="16"/>
<rect x="40" y="152" width="64" height="64" fill="#FFFFFF" stroke="#FFFFFF" stroke-width="16"/> <rect x="40" y="152" width="64" height="64" fill="#C0C0C0" stroke="#C0C0C0" stroke-width="16"/>
<line x1="144" y1="152" x2="224" y2="152" stroke="#FFFFFF" stroke-width="16"/> <line x1="144" y1="152" x2="224" y2="152" stroke="#C0C0C0" stroke-width="16"/>
<line x1="144" y1="184" x2="224" y2="184" stroke="#FFFFFF" stroke-width="16"/> <line x1="144" y1="184" x2="224" y2="184" stroke="#C0C0C0" stroke-width="16"/>
<line x1="144" y1="216" x2="224" y2="216" stroke="#FFFFFF" stroke-width="16"/> <line x1="144" y1="216" x2="224" y2="216" stroke="#C0C0C0" stroke-width="16"/>
</svg> </svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 765 B

After

Width:  |  Height:  |  Size: 765 B

8
source/Ox.UI/themes/modern/svg/_viewIcons.svg
View file

@ -1,6 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256"> <svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<rect x="40" y="40" width="64" height="64" fill="#FFFFFF" stroke="#FFFFFF" stroke-width="16"/> <rect x="40" y="40" width="64" height="64" fill="#C0C0C0" stroke="#C0C0C0" stroke-width="16"/>
<rect x="152" y="40" width="64" height="64" fill="#FFFFFF" stroke="#FFFFFF" stroke-width="16"/> <rect x="152" y="40" width="64" height="64" fill="#C0C0C0" stroke="#C0C0C0" stroke-width="16"/>
<rect x="40" y="152" width="64" height="64" fill="#FFFFFF" stroke="#FFFFFF" stroke-width="16"/> <rect x="40" y="152" width="64" height="64" fill="#C0C0C0" stroke="#C0C0C0" stroke-width="16"/>
<rect x="152" y="152" width="64" height="64" fill="#FFFFFF" stroke="#FFFFFF" stroke-width="16"/> <rect x="152" y="152" width="64" height="64" fill="#C0C0C0" stroke="#C0C0C0" stroke-width="16"/>
</svg> </svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 472 B

After

Width:  |  Height:  |  Size: 472 B

12
source/Ox.UI/themes/modern/svg/_viewList.svg
View file

@ -1,8 +1,8 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256"> <svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<line x1="32" y1="40" x2="224" y2="40" stroke="#FFFFFF" stroke-width="16"/> <line x1="32" y1="40" x2="224" y2="40" stroke="#C0C0C0" stroke-width="16"/>
<line x1="32" y1="72" x2="224" y2="72" stroke="#FFFFFF" stroke-width="16"/> <line x1="32" y1="72" x2="224" y2="72" stroke="#C0C0C0" stroke-width="16"/>
<line x1="32" y1="104" x2="224" y2="104" stroke="#FFFFFF" stroke-width="16"/> <line x1="32" y1="104" x2="224" y2="104" stroke="#C0C0C0" stroke-width="16"/>
<line x1="32" y1="152" x2="224" y2="152" stroke="#FFFFFF" stroke-width="16"/> <line x1="32" y1="152" x2="224" y2="152" stroke="#C0C0C0" stroke-width="16"/>
<line x1="32" y1="184" x2="224" y2="184" stroke="#FFFFFF" stroke-width="16"/> <line x1="32" y1="184" x2="224" y2="184" stroke="#C0C0C0" stroke-width="16"/>
<line x1="32" y1="216" x2="224" y2="216" stroke="#FFFFFF" stroke-width="16"/> <line x1="32" y1="216" x2="224" y2="216" stroke="#C0C0C0" stroke-width="16"/>
</svg> </svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 560 B

After

Width:  |  Height:  |  Size: 560 B

2
source/Ox.UI/themes/modern/svg/symbolAdd.svg
View file

@ -1,5 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256"> <svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<g stroke="#FFFFFF" stroke-width="48"> <g stroke="#C0C0C0" stroke-width="48">
<line x1="128" y1="16" x2="128" y2="240"/> <line x1="128" y1="16" x2="128" y2="240"/>
<line x1="16" y1="128" x2="240" y2="128"/> <line x1="16" y1="128" x2="240" y2="128"/>
</g> </g>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 231 B

After

Width:  |  Height:  |  Size: 231 B

4
source/Ox.UI/themes/modern/svg/symbolArrowDown.svg
View file

@ -1,4 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256"> <svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<line x1="128" y1="0" x2="128" y2="128" stroke="#FFFFFF" stroke-width="48"/> <line x1="128" y1="0" x2="128" y2="128" stroke="#C0C0C0" stroke-width="48"/>
<polygon points="32,128 224,128 128,256" fill="#FFFFFF"/> <polygon points="32,128 224,128 128,256" fill="#C0C0C0"/>
</svg> </svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 215 B

After

Width:  |  Height:  |  Size: 215 B

4
source/Ox.UI/themes/modern/svg/symbolArrowLeft.svg
View file

@ -1,4 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256"> <svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<polygon points="0,128 128,32 128,224" fill="#FFFFFF"/> <polygon points="0,128 128,32 128,224" fill="#C0C0C0"/>
<line x1="128" y1="128" x2="256" y2="128" stroke="#FFFFFF" stroke-width="48"/> <line x1="128" y1="128" x2="256" y2="128" stroke="#C0C0C0" stroke-width="48"/>
</svg> </svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 215 B

After

Width:  |  Height:  |  Size: 215 B

4
source/Ox.UI/themes/modern/svg/symbolArrowRight.svg
View file

@ -1,4 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256"> <svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<line x1="0" y1="128" x2="128" y2="128" stroke="#FFFFFF" stroke-width="48"/> <line x1="0" y1="128" x2="128" y2="128" stroke="#C0C0C0" stroke-width="48"/>
<polygon points="128,32 256,128 128,224" fill="#FFFFFF"/> <polygon points="128,32 256,128 128,224" fill="#C0C0C0"/>
</svg> </svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 215 B

After

Width:  |  Height:  |  Size: 215 B

4
source/Ox.UI/themes/modern/svg/symbolArrowUp.svg
View file

@ -1,4 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256"> <svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<polygon points="32,128 128,0 224,128" fill="#FFFFFF"/> <polygon points="32,128 128,0 224,128" fill="#C0C0C0"/>
<line x1="128" y1="128" x2="128" y2="256" stroke="#FFFFFF" stroke-width="48"/> <line x1="128" y1="128" x2="128" y2="256" stroke="#C0C0C0" stroke-width="48"/>
</svg> </svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 215 B

After

Width:  |  Height:  |  Size: 215 B

8
source/Ox.UI/themes/modern/svg/symbolBracket.svg
View file

@ -1,8 +1,8 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256"> <svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<path d="M 80,24 a 312,208 0 0,0 0,208" fill="none" stroke="#FFFFFF" stroke-linecap="round" stroke-width="48"/> <path d="M 80,24 a 312,208 0 0,0 0,208" fill="none" stroke="#C0C0C0" stroke-linecap="round" stroke-width="48"/>
<path d="M 176,24 a 312,208 0 0,1 0,208" fill="none" stroke="#FFFFFF" stroke-linecap="round" stroke-width="48"/> <path d="M 176,24 a 312,208 0 0,1 0,208" fill="none" stroke="#C0C0C0" stroke-linecap="round" stroke-width="48"/>
<!-- <!--
<path d="M 96,24 a 56,56 0 0,0 -56,56 l 0,96 a 56,56 0 0,0 56,56" fill="none" stroke="#FFFFFF" stroke-width="48"/> <path d="M 96,24 a 56,56 0 0,0 -56,56 l 0,96 a 56,56 0 0,0 56,56" fill="none" stroke="#C0C0C0" stroke-width="48"/>
<path d="M 160,24 a 56,56 0 0,1 56,56 l 0,96 a 56,56 0 0,1 -56,56" fill="none" stroke="#FFFFFF" stroke-width="48"/> <path d="M 160,24 a 56,56 0 0,1 56,56 l 0,96 a 56,56 0 0,1 -56,56" fill="none" stroke="#C0C0C0" stroke-width="48"/>
--> -->
</svg> </svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 561 B

After

Width:  |  Height:  |  Size: 561 B

12
source/Ox.UI/themes/modern/svg/symbolCenter.svg
View file

@ -1,10 +1,10 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256"> <svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<g transform="translate(128, 128)"> <g transform="translate(128, 128)">
<circle cx="0" cy="0" r="16" fill="#FFFFFF"/> <circle cx="0" cy="0" r="16" fill="#C0C0C0"/>
<rect x="-16" y="-16" width="32" height="32" fill="#FFFFFF"/> <rect x="-16" y="-16" width="32" height="32" fill="#C0C0C0"/>
<polygon points="-112,-48 -48,0 -112,48" fill="#FFFFFF" transform="rotate(0)"/> <polygon points="-112,-48 -48,0 -112,48" fill="#C0C0C0" transform="rotate(0)"/>
<polygon points="-112,-48 -48,0 -112,48" fill="#FFFFFF" transform="rotate(90)"/> <polygon points="-112,-48 -48,0 -112,48" fill="#C0C0C0" transform="rotate(90)"/>
<polygon points="-112,-48 -48,0 -112,48" fill="#FFFFFF" transform="rotate(180)"/> <polygon points="-112,-48 -48,0 -112,48" fill="#C0C0C0" transform="rotate(180)"/>
<polygon points="-112,-48 -48,0 -112,48" fill="#FFFFFF" transform="rotate(270)"/> <polygon points="-112,-48 -48,0 -112,48" fill="#C0C0C0" transform="rotate(270)"/>
</g> </g>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 603 B

After

Width:  |  Height:  |  Size: 603 B

8
source/Ox.UI/themes/modern/svg/symbolCheck.svg
View file

@ -1,8 +1,8 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256"> <svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<path d="M 48,144 l 64,64 l 96,-160" fill="none" stroke="#FFFFFF" stroke-linecap="round" stroke-width="48"/> <path d="M 48,144 l 64,64 l 96,-160" fill="none" stroke="#C0C0C0" stroke-linecap="round" stroke-width="48"/>
<!-- <!--
<line x1="32" y1="128" x2="112" y2="224" stroke="#FFFFFF" stroke-width="48"/> <line x1="32" y1="128" x2="112" y2="224" stroke="#C0C0C0" stroke-width="48"/>
<circle cx="112" cy="224" r="24" fill="#FFFFFF"/> <circle cx="112" cy="224" r="24" fill="#C0C0C0"/>
<line x1="112" y1="224" x2="208" y2="32" stroke="#FFFFFF" stroke-width="48"/> <line x1="112" y1="224" x2="208" y2="32" stroke="#C0C0C0" stroke-width="48"/>
--> -->
</svg> </svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 420 B

After

Width:  |  Height:  |  Size: 420 B

2
source/Ox.UI/themes/modern/svg/symbolClose.svg
View file

@ -1,5 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256"> <svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<g stroke="#FFFFFF" stroke-width="48"> <g stroke="#C0C0C0" stroke-width="48">
<line x1="40" y1="40" x2="216" y2="216"/> <line x1="40" y1="40" x2="216" y2="216"/>
<line x1="40" y1="216" x2="216" y2="40"/> <line x1="40" y1="216" x2="216" y2="40"/>
</g> </g>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 225 B

After

Width:  |  Height:  |  Size: 225 B

2
source/Ox.UI/themes/modern/svg/symbolDelete.svg
View file

@ -1,5 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256"> <svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<g stroke="#FFFFFF" stroke-width="48"> <g stroke="#C0C0C0" stroke-width="48">
<circle cx="128" cy="128" r="104" fill="none"/> <circle cx="128" cy="128" r="104" fill="none"/>
<line x1="40" y1="40" x2="216" y2="216"/> <line x1="40" y1="40" x2="216" y2="216"/>
</g> </g>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 230 B

After

Width:  |  Height:  |  Size: 230 B

2
source/Ox.UI/themes/modern/svg/symbolDown.svg
View file

@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256"> <svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<polygon points="32,56 224,56 128,248" fill="#FFFFFF"/> <polygon points="32,56 224,56 128,248" fill="#C0C0C0"/>
</svg> </svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 132 B

After

Width:  |  Height:  |  Size: 132 B

4
source/Ox.UI/themes/modern/svg/symbolDownload.svg
View file

@ -1,4 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256"> <svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<line x1="128" y1="16" x2="128" y2="128" stroke="#FFFFFF" stroke-width="96"/> <line x1="128" y1="16" x2="128" y2="128" stroke="#C0C0C0" stroke-width="96"/>
<polygon points="0,128 256,128 128,256" fill="#FFFFFF"/> <polygon points="0,128 256,128 128,256" fill="#C0C0C0"/>
</svg> </svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 215 B

After

Width:  |  Height:  |  Size: 215 B

12
source/Ox.UI/themes/modern/svg/symbolEdit.svg
View file

@ -1,8 +1,8 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256"> <svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<polygon points="32,224 64,160 96,192" fill="#FFFFFF"/> <polygon points="32,224 64,160 96,192" fill="#C0C0C0"/>
<line x1="88" y1="168" x2="184" y2="72" stroke="#FFFFFF" stroke-width="48"/> <line x1="88" y1="168" x2="184" y2="72" stroke="#C0C0C0" stroke-width="48"/>
<line x1="192" y1="64" x2="208" y2="48" stroke="#FFFFFF" stroke-width="48"/> <line x1="192" y1="64" x2="208" y2="48" stroke="#C0C0C0" stroke-width="48"/>
<line x1="112" y1="220" x2="224" y2="220" stroke="#FFFFFF" stroke-width="8"/> <line x1="112" y1="220" x2="224" y2="220" stroke="#C0C0C0" stroke-width="8"/>
<line x1="128" y1="204" x2="224" y2="204" stroke="#FFFFFF" stroke-width="8"/> <line x1="128" y1="204" x2="224" y2="204" stroke="#C0C0C0" stroke-width="8"/>
<line x1="144" y1="188" x2="224" y2="188" stroke="#FFFFFF" stroke-width="8"/> <line x1="144" y1="188" x2="224" y2="188" stroke="#C0C0C0" stroke-width="8"/>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 541 B

After

Width:  |  Height:  |  Size: 541 B

8
source/Ox.UI/themes/modern/svg/symbolEmbed.svg
View file

@ -1,6 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256"> <svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<line x1="88" y1="56" x2="24" y2="128" stroke="#FFFFFF" stroke-linecap="round" stroke-width="48"/> <line x1="88" y1="56" x2="24" y2="128" stroke="#C0C0C0" stroke-linecap="round" stroke-width="48"/>
<line x1="24" y1="128" x2="88" y2="200" stroke="#FFFFFF" stroke-linecap="round" stroke-width="48"/> <line x1="24" y1="128" x2="88" y2="200" stroke="#C0C0C0" stroke-linecap="round" stroke-width="48"/>
<line x1="168" y1="56" x2="232" y2="128" stroke="#FFFFFF" stroke-linecap="round" stroke-width="48"/> <line x1="168" y1="56" x2="232" y2="128" stroke="#C0C0C0" stroke-linecap="round" stroke-width="48"/>
<line x1="232" y1="128" x2="168" y2="200" stroke="#FFFFFF" stroke-linecap="round" stroke-width="48"/> <line x1="232" y1="128" x2="168" y2="200" stroke="#C0C0C0" stroke-linecap="round" stroke-width="48"/>
</svg> </svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 490 B

After

Width:  |  Height:  |  Size: 490 B

6
source/Ox.UI/themes/modern/svg/symbolFill.svg
View file

@ -1,5 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256"> <svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<polygon points="64,64 128,0 192,64" fill="#FFFFFF"/> <polygon points="64,64 128,0 192,64" fill="#C0C0C0"/>
<rect x="32" y="96" width="192" height="64" fill="#FFFFFF"/> <rect x="32" y="96" width="192" height="64" fill="#C0C0C0"/>
<polygon points="64,192 192,192 128,256" fill="#FFFFFF"/> <polygon points="64,192 192,192 128,256" fill="#C0C0C0"/>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 258 B

After

Width:  |  Height:  |  Size: 258 B

2
source/Ox.UI/themes/modern/svg/symbolFind.svg
View file

@ -1,5 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256"> <svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<g stroke="#FFFFFF" stroke-width="48"> <g stroke="#C0C0C0" stroke-width="48">
<circle cx="104" cy="104" r="64" fill="none"/> <circle cx="104" cy="104" r="64" fill="none"/>
<line x1="160" y1="160" x2="216" y2="216"/> <line x1="160" y1="160" x2="216" y2="216"/>
</g> </g>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 232 B

After

Width:  |  Height:  |  Size: 232 B

6
source/Ox.UI/themes/modern/svg/symbolFit.svg
View file

@ -1,5 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256"> <svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<polygon points="64,16 192,16 128,80" fill="#FFFFFF"/> <polygon points="64,16 192,16 128,80" fill="#C0C0C0"/>
<rect x="32" y="96" width="192" height="64" fill="#FFFFFF"/> <rect x="32" y="96" width="192" height="64" fill="#C0C0C0"/>
<polygon points="64,240 128,176 192,240" fill="#FFFFFF"/> <polygon points="64,240 128,176 192,240" fill="#C0C0C0"/>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 259 B

After

Width:  |  Height:  |  Size: 259 B

4
source/Ox.UI/themes/modern/svg/symbolFlag.svg
View file

@ -1,4 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256"> <svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<line x1="48" y1="224" x2="48" y2="32" stroke="#FFFFFF" stroke-width="32"/> <line x1="48" y1="224" x2="48" y2="32" stroke="#C0C0C0" stroke-width="32"/>
<path d="M 64,32 a 64,64 0 0,1 80,0 a 64,64 0 0,0 80,0 l 0,128 a 64,64 0 0,1 -80,0 a 64,64 0 0,0 -80,0" fill="#FFFFFF"/> <path d="M 64,32 a 64,64 0 0,1 80,0 a 64,64 0 0,0 80,0 l 0,128 a 64,64 0 0,1 -80,0 a 64,64 0 0,0 -80,0" fill="#C0C0C0"/>
</svg> </svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 277 B

After

Width:  |  Height:  |  Size: 277 B

4
source/Ox.UI/themes/modern/svg/symbolGoToIn.svg
View file

@ -1,4 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256"> <svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<line x1="64" y1="32" x2="64" y2="224" stroke="#FFFFFF" stroke-width="48"/> <line x1="64" y1="32" x2="64" y2="224" stroke="#C0C0C0" stroke-width="48"/>
<polygon points="120,128 216,32 216,224" fill="#FFFFFF"/> <polygon points="120,128 216,32 216,224" fill="#C0C0C0"/>
</svg> </svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 214 B

After

Width:  |  Height:  |  Size: 214 B

4
source/Ox.UI/themes/modern/svg/symbolGoToOut.svg
View file

@ -1,4 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256"> <svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<polygon points="40,32 136,128 40,224" fill="#FFFFFF"/> <polygon points="40,32 136,128 40,224" fill="#C0C0C0"/>
<line x1="192" y1="32" x2="192" y2="224" stroke="#FFFFFF" stroke-width="48"/> <line x1="192" y1="32" x2="192" y2="224" stroke="#C0C0C0" stroke-width="48"/>
</svg> </svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 214 B

After

Width:  |  Height:  |  Size: 214 B

8
source/Ox.UI/themes/modern/svg/symbolGoToPoster.svg
View file

@ -1,6 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256"> <svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<polygon points="40,32 136,128 40,224" fill="#FFFFFF"/> <polygon points="40,32 136,128 40,224" fill="#C0C0C0"/>
<line x1="128" y1="48" x2="208" y2="48" stroke="#FFFFFF" stroke-width="32"/> <line x1="128" y1="48" x2="208" y2="48" stroke="#C0C0C0" stroke-width="32"/>
<line x1="192" y1="32" x2="192" y2="224" stroke="#FFFFFF" stroke-width="32"/> <line x1="192" y1="32" x2="192" y2="224" stroke="#C0C0C0" stroke-width="32"/>
<line x1="208" y1="208" x2="128" y2="208" stroke="#FFFFFF" stroke-width="32"/> <line x1="208" y1="208" x2="128" y2="208" stroke="#C0C0C0" stroke-width="32"/>
</svg> </svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 378 B

After

Width:  |  Height:  |  Size: 378 B

8
source/Ox.UI/themes/modern/svg/symbolGrow.svg
View file

@ -1,6 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256"> <svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<polygon points="32,32 128,32 32,128" fill="#FFFFFF"/> <polygon points="32,32 128,32 32,128" fill="#C0C0C0"/>
<line x1="72" y1="72" x2="120" y2="120" stroke="#FFFFFF" stroke-width="48"/> <line x1="72" y1="72" x2="120" y2="120" stroke="#C0C0C0" stroke-width="48"/>
<line x1="136" y1="136" x2="184" y2="184" stroke="#FFFFFF" stroke-width="48"/> <line x1="136" y1="136" x2="184" y2="184" stroke="#C0C0C0" stroke-width="48"/>
<polygon points="128,224 224,128 224,224" fill="#FFFFFF"/> <polygon points="128,224 224,128 224,224" fill="#C0C0C0"/>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 359 B

After

Width:  |  Height:  |  Size: 359 B

8
source/Ox.UI/themes/modern/svg/symbolHelp.svg
View file

@ -1,10 +1,10 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256"> <svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<path d="M 80,72 a 48,48 0 1,1 88,32 l -40,48" fill="none" stroke="#FFFFFF" stroke-linecap="round" stroke-width="48"/> <path d="M 80,72 a 48,48 0 1,1 88,32 l -40,48" fill="none" stroke="#C0C0C0" stroke-linecap="round" stroke-width="48"/>
<!-- <!--
<path d="M 72,72 a 56,56 0 1,1 96,48 a 128,128 0 0,0 -40,48" fill="none" stroke="#FFFFFF" stroke-linecap="round" stroke-width="48"/> <path d="M 72,72 a 56,56 0 1,1 96,48 a 128,128 0 0,0 -40,48" fill="none" stroke="#C0C0C0" stroke-linecap="round" stroke-width="48"/>
--> -->
<circle cx="128" cy="224" r="32" fill="#FFFFFF"/> <circle cx="128" cy="224" r="32" fill="#C0C0C0"/>
<!-- <!--
<circle cx="128" cy="232" r="24" fill="#FFFFFF"/> <circle cx="128" cy="232" r="24" fill="#C0C0C0"/>
--> -->
</svg> </svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 474 B

After

Width:  |  Height:  |  Size: 474 B

8
source/Ox.UI/themes/modern/svg/symbolInfo.svg
View file

@ -1,6 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256"> <svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<circle cx="128" cy="48" r="32" fill="#FFFFFF"/> <circle cx="128" cy="48" r="32" fill="#C0C0C0"/>
<line x1="96" y1="112" x2="128" y2="112" stroke="#FFFFFF" stroke-linecap="round" stroke-width="32"/> <line x1="96" y1="112" x2="128" y2="112" stroke="#C0C0C0" stroke-linecap="round" stroke-width="32"/>
<line x1="128" y1="120" x2="128" y2="216" stroke="#FFFFFF" stroke-linecap="round" stroke-width="48"/> <line x1="128" y1="120" x2="128" y2="216" stroke="#C0C0C0" stroke-linecap="round" stroke-width="48"/>
<line x1="96" y1="224" x2="160" y2="224" stroke="#FFFFFF" stroke-linecap="round" stroke-width="32"/> <line x1="96" y1="224" x2="160" y2="224" stroke="#C0C0C0" stroke-linecap="round" stroke-width="32"/>
</svg> </svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 441 B

After

Width:  |  Height:  |  Size: 441 B

2
source/Ox.UI/themes/modern/svg/symbolLeft.svg
View file

@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256"> <svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<polygon points="8,128 200,32 200,224" fill="#FFFFFF"/> <polygon points="8,128 200,32 200,224" fill="#C0C0C0"/>
</svg> </svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 132 B

After

Width:  |  Height:  |  Size: 132 B

2
source/Ox.UI/themes/modern/svg/symbolLike.svg
View file

@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256"> <svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<path d="M 128,248 l -96,-128 a 56,56 0 1,1 96,-64 a 56,56 0 1,1 96,64 l -96,128" fill="#FFFFFF"/> <path d="M 128,248 l -96,-128 a 56,56 0 1,1 96,-64 a 56,56 0 1,1 96,64 l -96,128" fill="#C0C0C0"/>
</svg> </svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 175 B

After

Width:  |  Height:  |  Size: 175 B

4
source/Ox.UI/themes/modern/svg/symbolLock.svg
View file

@ -1,4 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256"> <svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<rect x="40" y="112" width="176" height="104" fill="#FFFFFF"/> <rect x="40" y="112" width="176" height="104" fill="#C0C0C0"/>
<path d="M 184,128 l 0,-48 a 56,56 0 0,0 -112,0" fill="none" stroke="#FFFFFF" stroke-width="32"/> <path d="M 184,128 l 0,-48 a 56,56 0 0,0 -112,0" fill="none" stroke="#C0C0C0" stroke-width="32"/>
</svg> </svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 241 B

After

Width:  |  Height:  |  Size: 241 B

6
source/Ox.UI/themes/modern/svg/symbolMount.svg
View file

@ -1,5 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256"> <svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<polygon points="48,80 128,0 208,80" fill="#FFFFFF"/> <polygon points="48,80 128,0 208,80" fill="#C0C0C0"/>
<line x1="48" y1="128" x2="208" y2="128" stroke="#FFFFFF" stroke-width="48"/> <line x1="48" y1="128" x2="208" y2="128" stroke="#C0C0C0" stroke-width="48"/>
<polygon points="48,176 208,176 128,256" fill="#FFFFFF"/> <polygon points="48,176 208,176 128,256" fill="#C0C0C0"/>
</svg> </svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 274 B

After

Width:  |  Height:  |  Size: 274 B

10
source/Ox.UI/themes/modern/svg/symbolMute.svg
View file

@ -1,7 +1,7 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256"> <svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<rect x="16" y="88" width="64" height="80" fill="#FFFFFF"/> <rect x="16" y="88" width="64" height="80" fill="#C0C0C0"/>
<polygon points="40,128 144,24 144,232" fill="#FFFFFF"/> <polygon points="40,128 144,24 144,232" fill="#C0C0C0"/>
<path d="M 160,96 a 48,48 0 0,1 0,64" fill="none" stroke="#FFFFFF" stroke-width="16"/> <path d="M 160,96 a 48,48 0 0,1 0,64" fill="none" stroke="#C0C0C0" stroke-width="16"/>
<path d="M 176,64 a 88,88 0 0,1 0,128" fill="none" stroke="#FFFFFF" stroke-width="16"/> <path d="M 176,64 a 88,88 0 0,1 0,128" fill="none" stroke="#C0C0C0" stroke-width="16"/>
<path d="M 192,32 a 128,128 0 0,1 0,192" fill="none" stroke="#FFFFFF" stroke-width="16"/> <path d="M 192,32 a 128,128 0 0,1 0,192" fill="none" stroke="#C0C0C0" stroke-width="16"/>
</svg> </svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 474 B

After

Width:  |  Height:  |  Size: 474 B

2
source/Ox.UI/themes/modern/svg/symbolPause.svg
View file

@ -1,5 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256"> <svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<g stroke="#FFFFFF" stroke-width="48"> <g stroke="#C0C0C0" stroke-width="48">
<line x1="80" y1="32" x2="80" y2="224"/> <line x1="80" y1="32" x2="80" y2="224"/>
<line x1="176" y1="32" x2="176" y2="224"/> <line x1="176" y1="32" x2="176" y2="224"/>
</g> </g>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 224 B

After

Width:  |  Height:  |  Size: 224 B

4
source/Ox.UI/themes/modern/svg/symbolPlayInToOut.svg
View file

@ -1,4 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256"> <svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<line x1="72" y1="32" x2="72" y2="224" stroke="#FFFFFF" stroke-width="48"/> <line x1="72" y1="32" x2="72" y2="224" stroke="#C0C0C0" stroke-width="48"/>
<polygon points="144,32 240,128 144,224" fill="#FFFFFF"/> <polygon points="144,32 240,128 144,224" fill="#C0C0C0"/>
</svg> </svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 214 B

After

Width:  |  Height:  |  Size: 214 B

6
source/Ox.UI/themes/modern/svg/symbolPublish.svg
View file

@ -1,5 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256"> <svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<circle cx="68" cy="188" r="28" fill="#FFFFFF"/> <circle cx="68" cy="188" r="28" fill="#C0C0C0"/>
<path d="M 40,104 a 112,112 0 0,1 112,112" fill="none" stroke="#FFFFFF" stroke-width="32"/> <path d="M 40,104 a 112,112 0 0,1 112,112" fill="none" stroke="#C0C0C0" stroke-width="32"/>
<path d="M 40,40 a 176,176 0 0,1 176,176" fill="none" stroke="#FFFFFF" stroke-width="32"/> <path d="M 40,40 a 176,176 0 0,1 176,176" fill="none" stroke="#C0C0C0" stroke-width="32"/>
</svg> </svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 316 B

After

Width:  |  Height:  |  Size: 316 B

4
source/Ox.UI/themes/modern/svg/symbolRedo.svg
View file

@ -1,4 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256"> <svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<path d="M 208,144 a 80,80 0 1,1 -80,-80 l 16,0" fill="none" stroke-width="48" stroke="#FFFFFF"/> <path d="M 208,144 a 80,80 0 1,1 -80,-80 l 16,0" fill="none" stroke-width="48" stroke="#C0C0C0"/>
<polygon points="128,0 232,64 128,128" fill="#FFFFFF"/> <polygon points="128,0 232,64 128,128" fill="#C0C0C0"/>
</svg> </svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 234 B

After

Width:  |  Height:  |  Size: 234 B

2
source/Ox.UI/themes/modern/svg/symbolRemove.svg
View file

@ -1,5 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256"> <svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<g stroke="#FFFFFF" stroke-width="48"> <g stroke="#C0C0C0" stroke-width="48">
<line x1="16" y1="128" x2="240" y2="128"/> <line x1="16" y1="128" x2="240" y2="128"/>
</g> </g>
</svg> </svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 175 B

After

Width:  |  Height:  |  Size: 175 B

2
source/Ox.UI/themes/modern/svg/symbolRight.svg
View file

@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256"> <svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<polygon points="56,32 248,128 56,224" fill="#FFFFFF"/> <polygon points="56,32 248,128 56,224" fill="#C0C0C0"/>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 133 B

After

Width:  |  Height:  |  Size: 133 B

4
source/Ox.UI/themes/modern/svg/symbolSelect.svg
View file

@ -1,4 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256"> <svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<polygon points="32,104 128,8 224,104" fill="#FFFFFF"/> <polygon points="32,104 128,8 224,104" fill="#C0C0C0"/>
<polygon points="32,152 224,152 128,248" fill="#FFFFFF"/> <polygon points="32,152 224,152 128,248" fill="#C0C0C0"/>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 195 B

After

Width:  |  Height:  |  Size: 195 B

18
source/Ox.UI/themes/modern/svg/symbolSet.svg
View file

@ -1,13 +1,13 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256"> <svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<g transform="translate(128, 128)"> <g transform="translate(128, 128)">
<circle cx="0" cy="0" r="64" fill="none" stroke="#FFFFFF" stroke-width="64"/> <circle cx="0" cy="0" r="64" fill="none" stroke="#C0C0C0" stroke-width="64"/>
<rect x="-24" y="-128" width="48" height="48" transform="rotate(0)" fill="#FFFFFF"/> <rect x="-24" y="-128" width="48" height="48" transform="rotate(0)" fill="#C0C0C0"/>
<rect x="-24" y="-128" width="48" height="48" transform="rotate(45)" fill="#FFFFFF"/> <rect x="-24" y="-128" width="48" height="48" transform="rotate(45)" fill="#C0C0C0"/>
<rect x="-24" y="-128" width="48" height="48" transform="rotate(90)" fill="#FFFFFF"/> <rect x="-24" y="-128" width="48" height="48" transform="rotate(90)" fill="#C0C0C0"/>
<rect x="-24" y="-128" width="48" height="48" transform="rotate(135)" fill="#FFFFFF"/> <rect x="-24" y="-128" width="48" height="48" transform="rotate(135)" fill="#C0C0C0"/>
<rect x="-24" y="-128" width="48" height="48" transform="rotate(180)" fill="#FFFFFF"/> <rect x="-24" y="-128" width="48" height="48" transform="rotate(180)" fill="#C0C0C0"/>
<rect x="-24" y="-128" width="48" height="48" transform="rotate(225)" fill="#FFFFFF"/> <rect x="-24" y="-128" width="48" height="48" transform="rotate(225)" fill="#C0C0C0"/>
<rect x="-24" y="-128" width="48" height="48" transform="rotate(270)" fill="#FFFFFF"/> <rect x="-24" y="-128" width="48" height="48" transform="rotate(270)" fill="#C0C0C0"/>
<rect x="-24" y="-128" width="48" height="48" transform="rotate(315)" fill="#FFFFFF"/> <rect x="-24" y="-128" width="48" height="48" transform="rotate(315)" fill="#C0C0C0"/>
</g> </g>
</svg> </svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 963 B

After

Width:  |  Height:  |  Size: 963 B

2
source/Ox.UI/themes/modern/svg/symbolSetIn.svg
View file

@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256"> <svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<polygon points="16,208 208,16 208,208" fill="#FFFFFF"/> <polygon points="16,208 208,16 208,208" fill="#C0C0C0"/>
</svg> </svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 133 B

After

Width:  |  Height:  |  Size: 133 B

2
source/Ox.UI/themes/modern/svg/symbolSetOut.svg
View file

@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256"> <svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<polygon points="48,16 240,208 48,208" fill="#FFFFFF"/> <polygon points="48,16 240,208 48,208" fill="#C0C0C0"/>
</svg> </svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 132 B

After

Width:  |  Height:  |  Size: 132 B

2
source/Ox.UI/themes/modern/svg/symbolSetPoster.svg
View file

@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256"> <svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<rect x="80" y="48" width="96" height="160" fill="none" stroke="#FFFFFF" stroke-width="32"/> <rect x="80" y="48" width="96" height="160" fill="none" stroke="#C0C0C0" stroke-width="32"/>
</svg> </svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 169 B

After

Width:  |  Height:  |  Size: 169 B

8
source/Ox.UI/themes/modern/svg/symbolShrink.svg
View file

@ -1,6 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256"> <svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<line x1="40" y1="40" x2="96" y2="96" stroke="#FFFFFF" stroke-width="48"/> <line x1="40" y1="40" x2="96" y2="96" stroke="#C0C0C0" stroke-width="48"/>
<polygon points="32,128 128,32 128,128" fill="#FFFFFF"/> <polygon points="32,128 128,32 128,128" fill="#C0C0C0"/>
<polygon points="128,128 224,128 128,224" fill="#FFFFFF"/> <polygon points="128,128 224,128 128,224" fill="#C0C0C0"/>
<line x1="160" y1="160" x2="216" y2="216" stroke="#FFFFFF" stroke-width="48"/> <line x1="160" y1="160" x2="216" y2="216" stroke="#C0C0C0" stroke-width="48"/>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 359 B

After

Width:  |  Height:  |  Size: 359 B

2
source/Ox.UI/themes/modern/svg/symbolStar.svg
View file

@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256"> <svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<polygon points="128,0 200,232 8,88 248,88 56,232" fill="#FFFFFF"/> <polygon points="128,0 200,232 8,88 248,88 56,232" fill="#C0C0C0"/>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 145 B

After

Width:  |  Height:  |  Size: 145 B

8
source/Ox.UI/themes/modern/svg/symbolSync.svg
View file

@ -1,6 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256"> <svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<path d="M 48,128 a 80,80 0 0,1 136,-56" fill="none" stroke="#FFFFFF" stroke-width="48"/> <path d="M 48,128 a 80,80 0 0,1 136,-56" fill="none" stroke="#C0C0C0" stroke-width="48"/>
<polygon points="144,112 224,32 224,112" fill="#FFFFFF" stroke="#FFFFFF" stroke-width="1"/> <polygon points="144,112 224,32 224,112" fill="#C0C0C0" stroke="#C0C0C0" stroke-width="1"/>
<path d="M 208,128 a 80,80 0 0,1 -136,56" fill="none" stroke="#FFFFFF" stroke-width="48"/> <path d="M 208,128 a 80,80 0 0,1 -136,56" fill="none" stroke="#C0C0C0" stroke-width="48"/>
<polygon points="32,144 112,144 32,224" fill="#FFFFFF" stroke="#FFFFFF" stroke-width="1"/> <polygon points="32,144 112,144 32,224" fill="#C0C0C0" stroke="#C0C0C0" stroke-width="1"/>
</svg> </svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 452 B

After

Width:  |  Height:  |  Size: 452 B

4
source/Ox.UI/themes/modern/svg/symbolUndo.svg
View file

@ -1,4 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256"> <svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<path d="M 48,144 a 80,80 0 1,0 80,-80 l -16,0" fill="none" stroke-width="48" stroke="#FFFFFF"/> <path d="M 48,144 a 80,80 0 1,0 80,-80 l -16,0" fill="none" stroke-width="48" stroke="#C0C0C0"/>
<polygon points="24,64 128,0 128,128" fill="#FFFFFF"/> <polygon points="24,64 128,0 128,128" fill="#C0C0C0"/>
</svg> </svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 232 B

After

Width:  |  Height:  |  Size: 232 B

4
source/Ox.UI/themes/modern/svg/symbolUnlock.svg
View file

@ -1,4 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256"> <svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<rect x="40" y="112" width="176" height="104" fill="#FFFFFF"/> <rect x="40" y="112" width="176" height="104" fill="#C0C0C0"/>
<path d="M 184,128 l 0,-48 a 56,56 0 0,0 -112,0 l 0,48" fill="none" stroke="#FFFFFF" stroke-width="32"/> <path d="M 184,128 l 0,-48 a 56,56 0 0,0 -112,0 l 0,48" fill="none" stroke="#C0C0C0" stroke-width="32"/>
</svg> </svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 248 B

After

Width:  |  Height:  |  Size: 248 B

4
source/Ox.UI/themes/modern/svg/symbolUnmount.svg
View file

@ -1,4 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256"> <svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<polygon points="32,112 128,16 224,112" fill="#FFFFFF"/> <polygon points="32,112 128,16 224,112" fill="#C0C0C0"/>
<line x1="32" y1="176" x2="224" y2="176" stroke="#FFFFFF" stroke-width="48"/> <line x1="32" y1="176" x2="224" y2="176" stroke="#C0C0C0" stroke-width="48"/>
</svg> </svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 215 B

After

Width:  |  Height:  |  Size: 215 B

4
source/Ox.UI/themes/modern/svg/symbolUnmute.svg
View file

@ -1,4 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256"> <svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<rect x="16" y="88" width="64" height="80" fill="#FFFFFF"/> <rect x="16" y="88" width="64" height="80" fill="#C0C0C0"/>
<polygon points="40,128 144,24 144,232" fill="#FFFFFF"/> <polygon points="40,128 144,24 144,232" fill="#C0C0C0"/>
</svg> </svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 197 B

After

Width:  |  Height:  |  Size: 197 B

2
source/Ox.UI/themes/modern/svg/symbolUp.svg
View file

@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256"> <svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<polygon points="32,200 128,8 224,200" fill="#FFFFFF"/> <polygon points="32,200 128,8 224,200" fill="#C0C0C0"/>
</svg> </svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 132 B

After

Width:  |  Height:  |  Size: 132 B

6
source/Ox.UI/themes/modern/svg/symbolUser.svg
View file

@ -1,5 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256"> <svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<ellipse cx="128" cy="80" rx="64" ry="80" fill="#FFFFFF"/> <ellipse cx="128" cy="80" rx="64" ry="80" fill="#C0C0C0"/>
<rect x="96" y="128" width="64" height="64" fill="#FFFFFF"/> <rect x="96" y="128" width="64" height="64" fill="#C0C0C0"/>
<path d="M 32,224 a 96,64 0 0,1 192,0" fill="#FFFFFF"/> <path d="M 32,224 a 96,64 0 0,1 192,0" fill="#C0C0C0"/>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 261 B

After

Width:  |  Height:  |  Size: 261 B

4
source/Ox.UI/themes/modern/svg/symbolView.svg
View file

@ -1,4 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256"> <svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<path d="M 24,128 a 120,120 0 0,1 208,0 a 120,120 0 0,1 -208,0 a 120,120 0 0,1 208,0" fill="none" stroke="#FFFFFF" stroke-width="32"/> <path d="M 24,128 a 120,120 0 0,1 208,0 a 120,120 0 0,1 -208,0 a 120,120 0 0,1 208,0" fill="none" stroke="#C0C0C0" stroke-width="32"/>
<circle cx="128" cy="128" r="32" fill="none" stroke="#FFFFFF" stroke-width="32"/> <circle cx="128" cy="128" r="32" fill="none" stroke="#C0C0C0" stroke-width="32"/>
</svg> </svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 297 B

After

Width:  |  Height:  |  Size: 297 B

8
source/Ox.UI/themes/modern/svg/symbolVolumeDown.svg
View file

@ -1,6 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256"> <svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<rect x="16" y="88" width="64" height="80" fill="#FFFFFF"/> <rect x="16" y="88" width="64" height="80" fill="#C0C0C0"/>
<polygon points="40,128 144,24 144,232" fill="#FFFFFF"/> <polygon points="40,128 144,24 144,232" fill="#C0C0C0"/>
<path d="M 160,96 a 48,48 0 0,1 0,64" fill="none" stroke="#FFFFFF" stroke-width="16"/> <path d="M 160,96 a 48,48 0 0,1 0,64" fill="none" stroke="#C0C0C0" stroke-width="16"/>
<path d="M 176,64 a 96,96 0 0,1 0,128" fill="none" stroke="#FFFFFF" stroke-width="16"/> <path d="M 176,64 a 96,96 0 0,1 0,128" fill="none" stroke="#C0C0C0" stroke-width="16"/>
</svg> </svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 380 B

After

Width:  |  Height:  |  Size: 380 B

6
source/Ox.UI/themes/modern/svg/symbolVolumeUp.svg
View file

@ -1,5 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256"> <svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<rect x="16" y="88" width="64" height="80" fill="#FFFFFF"/> <rect x="16" y="88" width="64" height="80" fill="#C0C0C0"/>
<polygon points="40,128 144,24 144,232" fill="#FFFFFF"/> <polygon points="40,128 144,24 144,232" fill="#C0C0C0"/>
<path d="M 160,96 a 48,48 0 0,1 0,64" fill="none" stroke-width="16" stroke="#FFFFFF"/> <path d="M 160,96 a 48,48 0 0,1 0,64" fill="none" stroke-width="16" stroke="#C0C0C0"/>
</svg> </svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 288 B

After

Width:  |  Height:  |  Size: 288 B

4
source/Ox.UI/themes/modern/svg/symbolWarning.svg
View file

@ -1,4 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256"> <svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<line x1="128" y1="24" x2="128" y2="152" stroke="#FFFFFF" stroke-linecap="round" stroke-width="48"/> <line x1="128" y1="24" x2="128" y2="152" stroke="#C0C0C0" stroke-linecap="round" stroke-width="48"/>
<circle cx="128" cy="224" r="32" fill="#FFFFFF"/> <circle cx="128" cy="224" r="32" fill="#C0C0C0"/>
</svg> </svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 231 B

After

Width:  |  Height:  |  Size: 231 B

12
source/Ox.UI/themes/modern/svg/symbolZoom.svg
View file

@ -1,10 +1,10 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256"> <svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<g transform="translate(128, 128)"> <g transform="translate(128, 128)">
<circle cx="0" cy="0" r="16" fill="#FFFFFF"/> <circle cx="0" cy="0" r="16" fill="#C0C0C0"/>
<rect x="-16" y="-16" width="32" height="32" fill="#FFFFFF"/> <rect x="-16" y="-16" width="32" height="32" fill="#C0C0C0"/>
<polygon points="-128,-0 -64,-48 -64,48" fill="#FFFFFF" transform="rotate(0)"/> <polygon points="-128,-0 -64,-48 -64,48" fill="#C0C0C0" transform="rotate(0)"/>
<polygon points="-128,-0 -64,-48 -64,48" fill="#FFFFFF" transform="rotate(90)"/> <polygon points="-128,-0 -64,-48 -64,48" fill="#C0C0C0" transform="rotate(90)"/>
<polygon points="-128,-0 -64,-48 -64,48" fill="#FFFFFF" transform="rotate(180)"/> <polygon points="-128,-0 -64,-48 -64,48" fill="#C0C0C0" transform="rotate(180)"/>
<polygon points="-128,-0 -64,-48 -64,48" fill="#FFFFFF" transform="rotate(270)"/> <polygon points="-128,-0 -64,-48 -64,48" fill="#C0C0C0" transform="rotate(270)"/>
</g> </g>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 603 B

After

Width:  |  Height:  |  Size: 603 B

2
tools/build/build.py
View file

@ -49,7 +49,7 @@ files = ['Ox.UI/css/Ox.UI.css']
path = source_path + 'Ox.UI/themes/classic/svg/' path = source_path + 'Ox.UI/themes/classic/svg/'
for filename in os.listdir(path): for filename in os.listdir(path):
svg = read_file(path + filename) svg = read_file(path + filename)
svg = svg.replace('#000000', '#XXXXXX').replace('#404040', '#XXXXXX').replace('#FFFFFF', '#000000').replace('#XXXXXX', '#FFFFFF') svg = svg.replace('#000000', '#XXXXXX').replace('#404040', '#C0C0C0').replace('#FFFFFF', '#000000').replace('#XXXXXX', '#FFFFFF')
write_file(path.replace('/classic/', '/modern/') + filename, svg) write_file(path.replace('/classic/', '/modern/') + filename, svg)
imageURLs = {} imageURLs = {}