sanj/oxjs
1
0
Fork 0
forked from 0x2620/oxjs
Code Pull requests Activity

better filesystem structure for modules and themes; 'minified' ui if debug option not set; dynamially generated map markers

Browse source
This commit is contained in:
rolux 2011-04-27 21:24:33 +02:00
commit 4489e88f44
596 changed files with 115093 additions and 17682 deletions
Download patch file Download diff file Expand all files Collapse all files

98
source/Ox.UI/themes/classic/_index.html Normal file
View file

@ -0,0 +1,98 @@
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<style>
input {
width: 10px;
height: 10px;
padding: 2px;
border: 1px solid rgb(128, 128, 128);
border-radius: 8px;
margin: 2px;
background: -moz-linear-gradient(top, rgb(224, 224, 224), rgb(192, 192, 192));
background: -webkit-gradient(linear, left top, left bottom, from(rgb(224, 224, 224)), to(rgb(192, 192, 192)));
}
input[src="symbols/loading.svg"] {
width: 16px;
height: 16px;
padding: 0;
border: 0;
background: transparent;
}
div.symbol {
float: left;
position: relative;
width: 256px;
height: 256px;
margin: 4px;
background-image: 'grid.png' repeat;
}
div.symbol > div {
float: left;
width: 16px;
height: 16px;
}
img {
position: relative;
top: -256px;
width: 256px;
height: 256px;
}
</style>
<script src="../../../../build/js/jquery/jquery.js"></script>
<script src="../../../Ox.js"></script>
<script>
$(function() {
var $body = $('body')
.css({
margin: '2px',
background: 'rgb(240, 240, 240)'
}),
$buttons = $('<div>').appendTo($body),
$symbols = $('<div>').appendTo($body);
[
'add', 'remove', 'close', 'select',
'arrowLeft', 'arrowRight', 'arrowUp', 'arrowDown',
'left', 'right', 'up', 'down',
'pause', 'playInToOut', 'goToIn', 'goToOut', 'setIn', 'setOut',
'center', 'zoom', 'grow', 'shrink', 'fill', 'fit',
'unmute', 'volumeUp', 'volumeDown', 'mute',
'undo', 'redo', 'unlock', 'lock',
'mount', 'unmount', 'sync',
'info', 'warning', 'help',
'check', 'bracket',
'delete', 'download', 'edit', 'find', 'flag', 'like',
'publish', 'set', 'star', 'user', 'view', 'loading'
].forEach(function(symbol) {
var $symbol, src = 'svg/symbol' + Ox.toTitleCase(symbol) + '.svg';
console.log(symbol)
$('<input>')
.attr({
src: src,
title: symbol,
type: 'image'
})
.appendTo($buttons);
$symbol = $('<div>')
.addClass('symbol')
.appendTo($symbols);
for (var i = 0; i < 256; i++) {
color = (i + Math.floor(i / 16)) % 2 == 0 ? 224 : 192;
$('<div>')
.css({
backgroundColor: 'rgb(' + [color, color, color].join(', ') + ')'
})
.appendTo($symbol)
}
$('<img>')
.attr({
src: src
})
.appendTo($symbol);
});
});
</script>
</head>
<body></body>
</html>

387
source/Ox.UI/themes/classic/css/classic.css Normal file
View file

@ -0,0 +1,387 @@
body.OxThemeClassic {
background: rgb(240, 240, 240);
}
.OxThemeClassic div {
color: rgb(16, 16, 16);
}
.OxThemeClassic .OxHighlight {
background: rgb(255, 255, 0);
}
/*
================================================================================
Bars
================================================================================
*/
.OxThemeClassic .OxBar.OxHorizontal {
//background: -moz-linear-gradient(top, rgb(192, 192, 192), rgb(160, 160, 160));
//background: -webkit-gradient(linear, left top, left bottom, from(rgb(192, 192, 192)), to(rgb(160, 160, 160)));
background: -moz-linear-gradient(top, rgb(224, 224, 224), rgb(192, 192, 192));
background: -webkit-gradient(linear, left top, left bottom, from(rgb(224, 224, 224)), to(rgb(192, 192, 192)));
}
.OxThemeClassic .OxBar.OxMainMenu {
background: -moz-linear-gradient(top, rgb(224, 224, 224), rgb(192, 192, 192));
background: -webkit-gradient(linear, left top, left bottom, from(rgb(224, 224, 224)), to(rgb(192, 192, 192)));
}
.OxThemeClassic .OxResizebar > .OxLine {
background-color: rgb(208, 208, 208);
}
/*
================================================================================
Dialog
================================================================================
*/
.OxThemeClassic .OxDialog {
-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.75);
-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.75);
}
.OxThemeClassic .OxDialog .OxBar {
//background: -moz-linear-gradient(top, rgba(208, 208, 208, 0.96), rgba(176, 176, 176, 0.96));
//background: -webkit-gradient(linear, left top, left bottom, from(rgba(208, 208, 208, 0.96)), to(rgba(176, 176, 176, 0.96)));
background: -moz-linear-gradient(top, rgba(224, 224, 224, 0.96), rgba(192, 192, 192, 0.96));
background: -webkit-gradient(linear, left top, left bottom, from(rgba(224, 224, 224, 0.96)), to(rgba(192, 192, 192, 0.96)));
}
.OxThemeClassic .OxDialog .OxContent {
//background: rgba(224, 224, 224, 0.96);
background: rgba(208, 208, 208, 0.96);
}
.OxThemeClassic .OxDialog .OxTitle {
color: rgb(48, 48, 48);
}
.OxThemeClassic .OxLayer {
background: rgb(255, 255, 255);
}
/*
================================================================================
Forms
================================================================================
*/
.OxThemeClassic .OxButton,
.OxThemeClassic input.OxCheckbox,
.OxThemeClassic input.OxInput,
.OxThemeClassic textarea,
.OxThemeClassic .OxLabel,
.OxThemeClassic .OxTrack {
border: 1px solid rgb(176, 176, 176);
//border: 1px solid rgb(160, 160, 160);
color: rgb(64, 64, 64);
}
.OxThemeClassic .OxSelect {
border: 1px solid rgb(176, 176, 176);
}
.OxThemeClassic .OxSelect > .OxTitle {
color: rgb(64, 64, 64);
}
.OxThemeClassic .OxInputLabel {
color: rgb(64, 64, 64);
}
.OxThemeClassic .OxButton,
.OxThemeClassic div.OxInput,
.OxThemeClassic .OxSelect {
//background: -moz-linear-gradient(left top, left bottom, from(rgb(192, 192, 192)), to(rgb(160, 160, 160)));
//background: -webkit-gradient(linear, left top, left bottom, from(rgb(192, 192, 192)), to(rgb(160, 160, 160)));
background: -moz-linear-gradient(top, rgb(224, 224, 224), rgb(192, 192, 192));
background: -webkit-gradient(linear, left top, left bottom, from(rgb(224, 224, 224)), to(rgb(192, 192, 192)));
}
.OxThemeClassic .OxButton:active {
//background: rgb(160, 160, 160);
background: rgb(192, 192, 192);
color: rgb(48, 48, 48);
}
.OxThemeClassic .OxCheckbox:active {
background: -moz-linear-gradient(top, rgb(192, 192, 192), rgb(240, 240, 240));
background: -webkit-gradient(linear, left top, left bottom, from(rgb(192, 192, 192)), to(rgb(240, 240, 240)));
}
.OxThemeClassic .OxButton:focus {
-moz-box-shadow: 0 0 2px rgb(128, 128, 128);
-webkit-box-shadow: 0 2 4px rgb(128, 128, 128);
}
.OxThemeClassic .OxButton.OxDisabled {
background: rgb(192, 192, 192);
color: rgb(128, 128, 128);
}
.OxThemeClassic .OxButton.OxSelected,
.OxThemeClassic .OxSelect.OxSelected {
background: -moz-linear-gradient(top, rgb(160, 160, 160), rgb(192, 192, 192));
background: -webkit-gradient(linear, left top, left bottom, from(rgb(160, 160, 160)), to(rgb(192, 192, 192)));
//background: -moz-linear-gradient(top, rgb(128, 128, 128), rgb(160, 160, 160) 10%, rgb(192, 192, 192));
//background: -webkit-gradient(linear, left top, left bottom, from(rgb(128, 128, 128)), color-stop(0.1, rgb(160, 160, 160)), to(rgb(192, 192, 192)));
color: rgb(32, 32, 32);
}
.OxThemeClassic .OxButton.OxTab.OxSelected {
border-bottom: 1px solid rgb(192, 192, 192);
}
.OxThemeClassic .OxFormMessage {
color: rgb(192, 64, 64);
}
.OxThemeClassic .OxLabel.OxDisabled {
color: rgb(128, 128, 128);
}
.OxThemeClassic input.OxCheckbox,
.OxThemeClassic input.OxInput,
.OxThemeClassic .OxTrack {
//background: -moz-linear-gradient(top, rgb(224, 224, 224), rgb(255, 255, 255));
//background: -webkit-gradient(linear, left top, left bottom, from(rgb(224, 224, 224)), to(rgb(255, 255, 255)));
background: -moz-linear-gradient(top, rgb(208, 208, 208), rgb(255, 255, 255));
background: -webkit-gradient(linear, left top, left bottom, from(rgb(208, 208, 208)), to(rgb(255, 255, 255)));
}
.OxThemeClassic div.OxInput.OxError input {
color: rgb(192, 64, 64);
}
.OxThemeClassic .OxInput:focus {
//border: 1px solid rgb(160, 160, 160);
//-moz-box-shadow: 0 0 2px rgb(128, 128, 128);
//-webkit-box-shadow: 0 0 2px rgb(128, 128, 128);
}
.OxThemeClassic div.OxInput.OxFocus,
.OxThemeClassic .OxSelect.OxFocus {
-moz-box-shadow: 0 0 2px rgb(128, 128, 128);
-webkit-box-shadow: 0 0 2px rgb(128, 128, 128);
}
.OxThemeClassic .OxInput.OxPlaceholder {
color: rgb(160, 160, 160)
}
.OxThemeClassic .OxLabel {
background: rgb(208, 208, 208);
}
.OxThemeClassic input.OxCheckbox.OxDisabled,
.OxThemeClassic input.OxInput:disabled {
background: rgb(224, 224, 224);
}
.OxThemeClassic textarea {
background: rgb(240, 240, 240);
}
/*
================================================================================
Lists
================================================================================
*/
.OxThemeClassic .OxIconList .OxItem img.OxLoading {
border-color: rgb(208, 208, 208);
background: -moz-linear-gradient(top, rgb(255, 255, 255), rgb(224, 224, 224));
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(255, 255, 255)), color-stop(1, rgb(224, 224, 224)));
}
.OxThemeClassic .OxIconList .OxItem.OxSelected > .OxIcon img {
border-color: rgb(160, 160, 160);
-moz-box-shadow: 0 0 4px rgba(160, 160, 160, 1);
-webkit-box-shadow: 0 0 4px rgba(160, 160, 160, 1);
}
.OxThemeClassic .OxIconList.OxFocus .OxItem.OxSelected > .OxIcon img {
border-color: rgb(128, 128, 128);
-moz-box-shadow: 0 0 4px rgba(128, 128, 128, 1);
-webkit-box-shadow: 0 0 4px rgba(128, 128, 128, 1);
}
.OxThemeClassic .OxIconList .OxItem > .OxReflection > div {
background: -moz-linear-gradient(top, rgba(240, 240, 240, 0.75), rgba(240, 240, 240, 1));
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(240, 240, 240, 0.75)), color-stop(1, rgba(240, 240, 240, 1)));
}
.OxThemeClassic .OxIconList .OxItem > .OxText > div {
text-shadow: rgb(255, 255, 255) 1px 1px 0;
}
.OxThemeClassic .OxIconList .OxItem.OxSelected > .OxText > div {
border-color: rgb(160, 160, 160);
background: rgba(160, 160, 160, 0.5);
-moz-box-shadow: 0 0 4px rgba(160, 160, 160, 1);
-webkit-box-shadow: 0 0 4px rgba(160, 160, 160, 1);
}
.OxThemeClassic .OxIconList.OxFocus .OxItem.OxSelected > .OxText > div {
border-color: rgb(128, 128, 128);
background: rgba(128, 128, 128, 0.5);
-moz-box-shadow: 0 0 4px rgba(128, 128, 128, 1);
-webkit-box-shadow: 0 0 4px rgba(128, 128, 128, 1);
}
.OxThemeClassic .OxIconList .OxItem > .OxText > div > .OxInfo {
color: rgb(128, 128, 128);
}
.OxThemeClassic .OxTextList .OxItem .OxCell {
border-right-color: rgb(224, 224, 224);
}
.OxThemeClassic .OxTextList .OxItem:nth-child(odd) {
background: rgb(242, 242, 242);
}
.OxThemeClassic .OxTextList .OxItem:nth-child(even) {
background: rgb(238, 238, 238);
}
.OxThemeClassic .OxTextList .OxItem.OxSelected:nth-child(odd) {
background: rgb(226, 226, 226);
}
.OxThemeClassic .OxTextList .OxItem.OxSelected:nth-child(even) {
background: rgb(222, 222, 222);
}
.OxThemeClassic .OxTextList .OxFocus .OxItem.OxSelected:nth-child(odd) {
background: rgb(210, 210, 210);
}
.OxThemeClassic .OxTextList .OxFocus .OxItem.OxSelected:nth-child(even) {
background: rgb(206, 206, 206);
}
.OxThemeClassic .OxTextList .OxBar {
background: -moz-linear-gradient(top, rgb(240, 240, 240), rgb(208, 208, 208));
background: -webkit-gradient(linear, left top, left bottom, from(rgb(240, 240, 240)), to(rgb(208, 208, 208)));
}
.OxThemeClassic .OxTextList .OxBar .OxSelected {
background: -moz-linear-gradient(top, rgb(224, 224, 224), rgb(192, 192, 192));
background: -webkit-gradient(linear, left top, left bottom, from(rgb(224, 224, 224)), to(rgb(192, 192, 192)));
//color: rgb(0, 0, 0);
}
.OxThemeClassic .OxTextList .OxBar .OxOrder {
color: rgb(0, 0, 0);
}
.OxThemeClassic .OxTextList .OxBar .OxResize .OxCenter {
background: rgb(192, 192, 192);
}
.OxThemeClassic .OxTextList .OxBar .OxSelect {
border-color: rgb(192, 192, 192);
}
.OxThemeClassic .OxTextList .OxBody .OxItem .OxCell {
border-color: rgb(232, 232, 232);
}
.OxThemeClassic .OxTextList .OxItem.OxSelected .OxCell {
border-color: rgb(216, 216, 216);
}
.OxThemeClassic .OxTextList .OxFocus .OxItem.OxSelected .OxCell {
border-color: rgb(200, 200, 200);
color: rgb(0, 0, 0);
}
.OxThemeClassic .OxTextList .OxBody .OxItem .OxLine {
background: rgb(232, 232, 232);
}
/*
================================================================================
Menus
================================================================================
*/
.OxThemeClassic .OxMainMenu > .OxTitle.OxSelected {
background: -moz-linear-gradient(top, rgb(208, 208, 208), rgb(176, 176, 176));
background: -webkit-gradient(linear, left top, left bottom, from(rgb(208, 208, 208)), to(rgb(176, 176, 176)));
}
.OxThemeClassic .OxMenu {
-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.75);
-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.75);
}
.OxThemeClassic .OxMenu .OxBottom,
.OxThemeClassic .OxMenu .OxItem,
.OxThemeClassic .OxMenu .OxScrollbar,
.OxThemeClassic .OxMenu .OxSpace,
.OxThemeClassic .OxMenu .OxTop {
background: rgba(208, 208, 208, 0.96);
}
.OxThemeClassic .OxMenu .OxItem.OxSelected,
.OxThemeClassic .OxMenu .OxLine,
.OxThemeClassic .OxMenu .OxScrollbar.OxSelected {
background: rgba(192, 192, 192, 0.96);
}
.OxThemeClassic .OxMenu .OxItem.OxDisabled .OxCell {
color: rgb(160, 160, 160);
}
/*
================================================================================
Requests
================================================================================
*/
/*
================================================================================
Scrollbars
================================================================================
*/
.OxThemeClassic ::-webkit-scrollbar:horizontal {
border-top: 1px solid rgb(176, 176, 176);
border-bottom: 1px solid rgb(176, 176, 176);
background: -webkit-gradient(linear, left top, left bottom, from(rgb(224, 224, 224)), to(rgb(192, 192, 192)));
}
.OxThemeClassic ::-webkit-scrollbar:vertical {
border-left: 1px solid rgb(176, 176, 176);
border-right: 1px solid rgb(176, 176, 176);
background: -webkit-gradient(linear, left top, right top, from(rgb(224, 224, 224)), to(rgb(192, 192, 192)));
}
.OxThemeClassic ::-webkit-scrollbar-button:horizontal:decrement {
background: url(../png/scrollbarHorizontalDecrement.png);
}
.OxThemeClassic ::-webkit-scrollbar-button:horizontal:increment {
background: url(../png/scrollbarHorizontalIncrement.png);
}
.OxThemeClassic ::-webkit-scrollbar-button:vertical:decrement {
background: url(../png/scrollbarVerticalDecrement.png);
}
.OxThemeClassic ::-webkit-scrollbar-button:vertical:increment {
background: url(../png/scrollbarVerticalIncrement.png);
}
.OxThemeClassic ::-webkit-scrollbar-corner {
border-right: 1px solid rgb(176, 176, 176);
border-bottom: 1px solid rgb(176, 176, 176);
background: -webkit-gradient(linear, left top, right bottom, from(rgb(224, 224, 224)), to(rgb(160, 160, 160)));
}
.OxThemeClassic ::-webkit-scrollbar-thumb {
border: 1px solid rgb(176, 176, 176);
}
.OxThemeClassic ::-webkit-scrollbar-thumb:horizontal {
background: -webkit-gradient(linear, left top, left bottom, from(rgb(224, 224, 224)), to(rgb(192, 192, 192)));
}
.OxThemeClassic ::-webkit-scrollbar-thumb:vertical {
background: -webkit-gradient(linear, left top, right top, from(rgb(224, 224, 224)), to(rgb(192, 192, 192)));
}
.OxThemeClassic ::-webkit-scrollbar-track {
border: 1px solid rgb(176, 176, 176);
}
.OxThemeClassic ::-webkit-scrollbar-track:horizontal {
background: -webkit-gradient(linear, left top, left bottom, from(rgb(224, 224, 224)), to(rgb(255, 255, 255)));
}
.OxThemeClassic ::-webkit-scrollbar-track:vertical {
background: -webkit-gradient(linear, left top, right top, from(rgb(224, 224, 224)), to(rgb(255, 255, 255)));
}
.OxThemeClassic ::-webkit-scrollbar:active,
.OxThemeClassic ::-webkit-scrollbar-thumb:active {
background: rgb(208, 208, 208);
}
/*
================================================================================
Video
================================================================================
*/
.OxThemeClassic .OxVideoPlayer {
background: rgb(255, 255, 255);
}
/*
================================================================================
Miscellaneous
================================================================================
*/
.OxThemeClassic .OxTooltip {
border: 1px solid rgba(128, 128, 128, 0.96);
background: rgba(255, 255, 255, 0.96);
color: rgba(128, 128, 128, 1);
-moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

BIN
source/Ox.UI/themes/classic/png/scrollbarHorizontalDecrement.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 2.8 KiB

BIN
source/Ox.UI/themes/classic/png/scrollbarHorizontalIncrement.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 2.8 KiB

BIN
source/Ox.UI/themes/classic/png/scrollbarVerticalDecrement.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 2.8 KiB

BIN
source/Ox.UI/themes/classic/png/scrollbarVerticalIncrement.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 2.8 KiB

3
source/Ox.UI/themes/classic/svg/__check.svg Normal file
View file

@ -0,0 +1,3 @@
<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="#404040"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 155 B

5
source/Ox.UI/themes/classic/svg/_check.svg Normal file
View file

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

After

Width:  |  Height:  |  Size: 274 B

6
source/Ox.UI/themes/classic/svg/_mute.svg Normal file
View file

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

After

Width:  |  Height:  |  Size: 389 B

5
source/Ox.UI/themes/classic/svg/_viewColumns.svg Normal file
View file

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

After

Width:  |  Height:  |  Size: 334 B

10
source/Ox.UI/themes/classic/svg/_viewIconList.svg Normal file
View file

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

After

Width:  |  Height:  |  Size: 765 B

6
source/Ox.UI/themes/classic/svg/_viewIcons.svg Normal file
View file

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

After

Width:  |  Height:  |  Size: 472 B

8
source/Ox.UI/themes/classic/svg/_viewList.svg Normal file
View file

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

After

Width:  |  Height:  |  Size: 560 B

6
source/Ox.UI/themes/classic/svg/symbolAdd.svg Normal file
View file

@ -0,0 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<g stroke="#404040" stroke-width="48">
<line x1="128" y1="0" x2="128" y2="256"/>
<line x1="0" y1="128" x2="256" y2="128"/>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 229 B

4
source/Ox.UI/themes/classic/svg/symbolArrowDown.svg Normal file
View file

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

After

Width:  |  Height:  |  Size: 215 B

4
source/Ox.UI/themes/classic/svg/symbolArrowLeft.svg Normal file
View file

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

After

Width:  |  Height:  |  Size: 215 B

4
source/Ox.UI/themes/classic/svg/symbolArrowRight.svg Normal file
View file

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

After

Width:  |  Height:  |  Size: 215 B

4
source/Ox.UI/themes/classic/svg/symbolArrowUp.svg Normal file
View file

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

After

Width:  |  Height:  |  Size: 215 B

8
source/Ox.UI/themes/classic/svg/symbolBracket.svg Normal file
View file

@ -0,0 +1,8 @@
<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="#404040" stroke-linecap="round" stroke-width="48"/>
<path d="M 176,24 a 312,208 0 0,1 0,208" fill="none" stroke="#404040" 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="#404040" 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="#404040" stroke-width="48"/>
-->
</svg>
Side by side

After

Width:  |  Height:  |  Size: 561 B

10
source/Ox.UI/themes/classic/svg/symbolCenter.svg Normal file
View file

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

After

Width:  |  Height:  |  Size: 603 B

8
source/Ox.UI/themes/classic/svg/symbolCheck.svg Normal file
View file

@ -0,0 +1,8 @@
<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="#404040" stroke-linecap="round" stroke-width="48"/>
<!--
<line x1="32" y1="128" x2="112" y2="224" stroke="#404040" stroke-width="48"/>
<circle cx="112" cy="224" r="24" fill="#404040"/>
<line x1="112" y1="224" x2="208" y2="32" stroke="#404040" stroke-width="48"/>
-->
</svg>
Side by side

After

Width:  |  Height:  |  Size: 420 B

6
source/Ox.UI/themes/classic/svg/symbolClose.svg Normal file
View file

@ -0,0 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<g stroke="#404040" stroke-width="48">
<line x1="40" y1="40" x2="216" y2="216"/>
<line x1="40" y1="216" x2="216" y2="40"/>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 225 B

4
source/Ox.UI/themes/classic/svg/symbolDelete.svg Normal file
View file

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

After

Width:  |  Height:  |  Size: 240 B

3
source/Ox.UI/themes/classic/svg/symbolDown.svg Normal file
View file

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

After

Width:  |  Height:  |  Size: 132 B

4
source/Ox.UI/themes/classic/svg/symbolDownload.svg Normal file
View file

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

After

Width:  |  Height:  |  Size: 215 B

8
source/Ox.UI/themes/classic/svg/symbolEdit.svg Normal file
View file

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

After

Width:  |  Height:  |  Size: 541 B

5
source/Ox.UI/themes/classic/svg/symbolFill.svg Normal file
View file

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

After

Width:  |  Height:  |  Size: 258 B

6
source/Ox.UI/themes/classic/svg/symbolFind.svg Normal file
View file

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

After

Width:  |  Height:  |  Size: 232 B

5
source/Ox.UI/themes/classic/svg/symbolFit.svg Normal file
View file

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

After

Width:  |  Height:  |  Size: 259 B

4
source/Ox.UI/themes/classic/svg/symbolFlag.svg Normal file
View file

@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<line x1="48" y1="224" x2="48" y2="32" stroke="#404040" 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="#404040"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 277 B

4
source/Ox.UI/themes/classic/svg/symbolGoToIn.svg Normal file
View file

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

After

Width:  |  Height:  |  Size: 214 B

4
source/Ox.UI/themes/classic/svg/symbolGoToOut.svg Normal file
View file

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

After

Width:  |  Height:  |  Size: 214 B

6
source/Ox.UI/themes/classic/svg/symbolGrow.svg Normal file
View file

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

After

Width:  |  Height:  |  Size: 359 B

10
source/Ox.UI/themes/classic/svg/symbolHelp.svg Normal file
View file

@ -0,0 +1,10 @@
<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="#404040" 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="#404040" stroke-linecap="round" stroke-width="48"/>
-->
<circle cx="128" cy="224" r="32" fill="#404040"/>
<!--
<circle cx="128" cy="232" r="24" fill="#404040"/>
-->
</svg>
Side by side

After

Width:  |  Height:  |  Size: 474 B

6
source/Ox.UI/themes/classic/svg/symbolInfo.svg Normal file
View file

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

After

Width:  |  Height:  |  Size: 441 B

3
source/Ox.UI/themes/classic/svg/symbolLeft.svg Normal file
View file

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

After

Width:  |  Height:  |  Size: 132 B

3
source/Ox.UI/themes/classic/svg/symbolLike.svg Normal file
View file

@ -0,0 +1,3 @@
<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="#404040"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 175 B

16
source/Ox.UI/themes/classic/svg/symbolLoading.svg Normal file
View file

@ -0,0 +1,16 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<g transform="translate(128, 128)" stroke="#000000" stroke-linecap="round" stroke-width="28">
<line x1="0" y1="-114" x2="0" y2="-70" transform="rotate(0)" opacity="1"/>
<line x1="0" y1="-114" x2="0" y2="-70" transform="rotate(30)" opacity="0.083333"/>
<line x1="0" y1="-114" x2="0" y2="-70" transform="rotate(60)" opacity="0.166667"/>
<line x1="0" y1="-114" x2="0" y2="-70" transform="rotate(90)" opacity="0.25"/>
<line x1="0" y1="-114" x2="0" y2="-70" transform="rotate(120)" opacity="0.333333"/>
<line x1="0" y1="-114" x2="0" y2="-70" transform="rotate(150)" opacity="0.416667"/>
<line x1="0" y1="-114" x2="0" y2="-70" transform="rotate(180)" opacity="0.5"/>
<line x1="0" y1="-114" x2="0" y2="-70" transform="rotate(210)" opacity="0.583333"/>
<line x1="0" y1="-114" x2="0" y2="-70" transform="rotate(240)" opacity="0.666667"/>
<line x1="0" y1="-114" x2="0" y2="-70" transform="rotate(270)" opacity="0.75"/>
<line x1="0" y1="-114" x2="0" y2="-70" transform="rotate(300)" opacity="0.833333"/>
<line x1="0" y1="-114" x2="0" y2="-70" transform="rotate(330)" opacity="0.916667"/>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.2 KiB

40
source/Ox.UI/themes/classic/svg/symbolLoadingAnimated.svg Normal file
View file

@ -0,0 +1,40 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<g transform="translate(128, 128)" stroke="#000000" stroke-linecap="round" stroke-width="28">
<line x1="0" y1="-114" x2="0" y2="-70" transform="rotate(0)" opacity="1">
<animate attributeName="opacity" from="1" to="0" begin="0s" dur="1s" repeatCount="indefinite"></animate>
</line>
<line x1="0" y1="-114" x2="0" y2="-70" transform="rotate(30)" opacity="0.083333">
<animate attributeName="opacity" from="1" to="0" begin="-0.916667s" dur="1s" repeatCount="indefinite"></animate>
</line>
<line x1="0" y1="-114" x2="0" y2="-70" transform="rotate(60)" opacity="0.166667">
<animate attributeName="opacity" from="1" to="0" begin="-0.833333s" dur="1s" repeatCount="indefinite"></animate>
</line>
<line x1="0" y1="-114" x2="0" y2="-70" transform="rotate(90)" opacity="0.25">
<animate attributeName="opacity" from="1" to="0" begin="-0.75s" dur="1s" repeatCount="indefinite"></animate>
</line>
<line x1="0" y1="-114" x2="0" y2="-70" transform="rotate(120)" opacity="0.333333">
<animate attributeName="opacity" from="1" to="0" begin="-0.666667s" dur="1s" repeatCount="indefinite"></animate>
</line>
<line x1="0" y1="-114" x2="0" y2="-70" transform="rotate(150)" opacity="0.416667">
<animate attributeName="opacity" from="1" to="0" begin="-0.583333s" dur="1s" repeatCount="indefinite"></animate>
</line>
<line x1="0" y1="-114" x2="0" y2="-70" transform="rotate(180)" opacity="0.5">
<animate attributeName="opacity" from="1" to="0" begin="-0.5s" dur="1s" repeatCount="indefinite"></animate>
</line>
<line x1="0" y1="-114" x2="0" y2="-70" transform="rotate(210)" opacity="0.583333">
<animate attributeName="opacity" from="1" to="0" begin="-0.416667" dur="1s" repeatCount="indefinite"></animate>
</line>
<line x1="0" y1="-114" x2="0" y2="-70" transform="rotate(240)" opacity="0.666667">
<animate attributeName="opacity" from="1" to="0" begin="-0.333333s" dur="1s" repeatCount="indefinite"></animate>
</line>
<line x1="0" y1="-114" x2="0" y2="-70" transform="rotate(270)" opacity="0.75">
<animate attributeName="opacity" from="1" to="0" begin="-0.25s" dur="1s" repeatCount="indefinite"></animate>
</line>
<line x1="0" y1="-114" x2="0" y2="-70" transform="rotate(300)" opacity="0.833333">
<animate attributeName="opacity" from="1" to="0" begin="-0.166667s" dur="1s" repeatCount="indefinite"></animate>
</line>
<line x1="0" y1="-114" x2="0" y2="-70" transform="rotate(330)" opacity="0.916667">
<animate attributeName="opacity" from="1" to="0" begin="-0.083333" dur="1s" repeatCount="indefinite"></animate>
</line>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 2.8 KiB

4
source/Ox.UI/themes/classic/svg/symbolLock.svg Normal file
View file

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

After

Width:  |  Height:  |  Size: 241 B

5
source/Ox.UI/themes/classic/svg/symbolMount.svg Normal file
View file

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

After

Width:  |  Height:  |  Size: 274 B

7
source/Ox.UI/themes/classic/svg/symbolMute.svg Normal file
View file

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

After

Width:  |  Height:  |  Size: 474 B

1
source/Ox.UI/themes/classic/svg/symbolNone.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256"/>
Side by side

After

Width:  |  Height:  |  Size: 66 B

6
source/Ox.UI/themes/classic/svg/symbolPause.svg Normal file
View file

@ -0,0 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<g stroke="#404040" stroke-width="48">
<line x1="80" y1="32" x2="80" y2="224"/>
<line x1="176" y1="32" x2="176" y2="224"/>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 224 B

4
source/Ox.UI/themes/classic/svg/symbolPlayInToOut.svg Normal file
View file

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

After

Width:  |  Height:  |  Size: 214 B

5
source/Ox.UI/themes/classic/svg/symbolPublish.svg Normal file
View file

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

After

Width:  |  Height:  |  Size: 316 B

4
source/Ox.UI/themes/classic/svg/symbolRedo.svg Normal file
View file

@ -0,0 +1,4 @@
<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="#404040"/>
<polygon points="128,0 232,64 128,128" fill="#404040"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 234 B

5
source/Ox.UI/themes/classic/svg/symbolRemove.svg Normal file
View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<g stroke="#404040" stroke-width="48" stroke-linecap="round">
<line x1="0" y1="128" x2="256" y2="128"/>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 197 B

3
source/Ox.UI/themes/classic/svg/symbolRight.svg Normal file
View file

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

After

Width:  |  Height:  |  Size: 133 B

4
source/Ox.UI/themes/classic/svg/symbolSelect.svg Normal file
View file

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

After

Width:  |  Height:  |  Size: 195 B

13
source/Ox.UI/themes/classic/svg/symbolSet.svg Normal file
View file

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

After

Width:  |  Height:  |  Size: 963 B

3
source/Ox.UI/themes/classic/svg/symbolSetIn.svg Normal file
View file

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

After

Width:  |  Height:  |  Size: 133 B

3
source/Ox.UI/themes/classic/svg/symbolSetOut.svg Normal file
View file

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

After

Width:  |  Height:  |  Size: 132 B

6
source/Ox.UI/themes/classic/svg/symbolShrink.svg Normal file
View file

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

After

Width:  |  Height:  |  Size: 359 B

3
source/Ox.UI/themes/classic/svg/symbolStar.svg Normal file
View file

@ -0,0 +1,3 @@
<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="#404040"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 145 B

6
source/Ox.UI/themes/classic/svg/symbolSync.svg Normal file
View file

@ -0,0 +1,6 @@
<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="#404040" stroke-width="48"/>
<polygon points="144,112 224,32 224,112" fill="#404040" stroke="#404040" stroke-width="1"/>
<path d="M 208,128 a 80,80 0 0,1 -136,56" fill="none" stroke="#404040" stroke-width="48"/>
<polygon points="32,144 112,144 32,224" fill="#404040" stroke="#404040" stroke-width="1"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 452 B

4
source/Ox.UI/themes/classic/svg/symbolUndo.svg Normal file
View file

@ -0,0 +1,4 @@
<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="#404040"/>
<polygon points="24,64 128,0 128,128" fill="#404040"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 232 B

4
source/Ox.UI/themes/classic/svg/symbolUnlock.svg Normal file
View file

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

After

Width:  |  Height:  |  Size: 248 B

4
source/Ox.UI/themes/classic/svg/symbolUnmount.svg Normal file
View file

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

After

Width:  |  Height:  |  Size: 215 B

4
source/Ox.UI/themes/classic/svg/symbolUnmute.svg Normal file
View file

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

After

Width:  |  Height:  |  Size: 197 B

3
source/Ox.UI/themes/classic/svg/symbolUp.svg Normal file
View file

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

After

Width:  |  Height:  |  Size: 132 B

5
source/Ox.UI/themes/classic/svg/symbolUser.svg Normal file
View file

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

After

Width:  |  Height:  |  Size: 261 B

4
source/Ox.UI/themes/classic/svg/symbolView.svg Normal file
View file

@ -0,0 +1,4 @@
<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="#404040" stroke-width="32"/>
<circle cx="128" cy="128" r="32" fill="none" stroke="#404040" stroke-width="32"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 297 B

6
source/Ox.UI/themes/classic/svg/symbolVolumeDown.svg Normal file
View file

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

After

Width:  |  Height:  |  Size: 380 B

5
source/Ox.UI/themes/classic/svg/symbolVolumeUp.svg Normal file
View file

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

After

Width:  |  Height:  |  Size: 288 B

4
source/Ox.UI/themes/classic/svg/symbolWarning.svg Normal file
View file

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

After

Width:  |  Height:  |  Size: 231 B

10
source/Ox.UI/themes/classic/svg/symbolZoom.svg Normal file
View file

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

After

Width:  |  Height:  |  Size: 603 B