Skip to content

PinkSeaMobile by Driftini

Screenshot of PinkSeaMobile
Homepage Write a review Install Get Stylus

Details

AuthorDriftini

LicenseMIT

Categorypinksea.art

Created

Updated

Size33 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Userstyle to improve drawing on PinkSea from mobile devices.

Notes

This userstyle is meant to be used together with its complementary userscript!

If you do not use it, the layer and color flyouts won't work, and you may need to create a new canvas manually (top-left) if your finger/cursor seems desynced with it.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link. 
/* ==UserStyle==
@name         PinkSeaMobile Userstyle
@namespace    github.com/Driftini/pinkseamobile
@description  Userstyle to improve drawing on PinkSea from mobile devices.
@author       Driftini <yurisilveos741@gmail.com> (https://github.com/Driftini)
@homepageURL  https://github.com/Driftini
@supportURL   https://github.com/Driftini/issues
@version      1.0.1
@license      MIT
@preprocessor stylus
==/UserStyle== */
@-moz-document regexp("https?://pinksea\.art/paint.*") { :root { --color-transparentBg: #0002; --color-transparentHeader: #fff3; --color-brightBg: #ddd; --color-layerSelected: #5af5; --color-layerActive: #5afa; --border-transparent: 1px solid var(--color-transparentBg); --border-bright: var(--border-transparent); --bshadow-layerSelected: 0 0 0 1px #07f3, inset 0 0 0 1px #fff5; --bshadow-layerActive: 0 0 0 1px #07f7, inset 0 0 0 1px #fffa; }
  #tegaki { grid-template-columns: 0 1fr 0; grid-template-rows: 0 1fr 0; }
  #tegaki > #tegaki-tools-cnt, #tegaki > #tegaki-menu-cnt > #tegaki-menu-bar, #tegaki-ctrlgrp-zoom, #tegaki-ctrlgrp-size, #tegaki-ctrlgrp-alpha, #tegaki-ctrlgrp-flow { background-color: var(--color-transparentBg); border: var(--border-transparent); }
  #tegaki > #tegaki-tools-cnt, #tegaki > #tegaki-menu-cnt > #tegaki-menu-bar, #tegaki-ctrlgrp-zoom, #tegaki-ctrlgrp-size, #tegaki-ctrlgrp-alpha, #tegaki-ctrlgrp-flow, #tegaki-ctrlgrp-color, #tegaki-ctrlgrp-layers { position: fixed; padding: 0; z-index: 100; }
  #tegaki > #tegaki-menu-cnt > #tegaki-menu-bar { top: 8px; left: 8px; }
  #tegaki > #tegaki-menu-cnt > #tegaki-menu-bar > .tegaki-mb-btn { font-size: 0; }
  #tegaki > #tegaki-menu-cnt > #tegaki-menu-bar > .tegaki-mb-btn::after { display: inline-block; width: 16px; height: 16px; padding-top: 4px; }
  #tegaki > #tegaki-menu-cnt > #tegaki-menu-bar > .tegaki-mb-btn::after { image-rendering: pixelated; }
  #tegaki > #tegaki-menu-cnt > #tegaki-menu-bar > .tegaki-mb-btn:nth-child(1)::after { content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAhlJREFUeNp8k01IFGEYx//vfLiUfV0UXAwpSjAzunSIoi2KuhQdO0X3LtGpCBa9dPUSiBBIVFQnD0EQgYVEt8RS21BX2jXK2B23mf10xp15et6ZnZyVXV944J3n4/f8n2dmRGJ4Co1zjS2OnQ8nUxpEyE4/Q2b6KTR2hMHeibuJsZpdh+t5cF2C53GMgvhyNofxqcxtvgr52Je4CWmKnxCYam/WYVU3YJY3UChWkStUsGaU8TtfQqlcxYt7F8c47woD+sOuTQAhBBQF0DQFuq6io0OBqiqQ/nzBxJPJj7jcH3skKvkkG6RFR1CluABCPiQ8jgOcGDjCPQjxrr14t1ibDWMayPt/51ouFjw7WkJct5FLnhYB0BaAJYRjtINAdiHSWinQAwWyuD1EKuQaveUI0R20g6iq2D5CRAFE0w62Q0Z/DiNtp5Dri13dVzmcdL1qMyBQgLaQxeICzp47hedrr3vWY7Psc5qWqAsEI8hXG4U8nH+AFBfLXMu1eJue8HTnM6fNaNbqPPYfHGwoEL6C4Gvdgnw35tBzocvvYtQNnL4+1M3X7g+T76F9eTWCkzeSONA70BlVEIUc2zOE1Ns5X4F6ScHKy1/rNdXIcMqMhO6StPN3Jt5kyy6tFDcpLc1yaFma6dCSadPSX5uOj5+h+I9B2j1yyJQ1slYLAebqt9yt+48/7fQvGxBHS1+Lnd4fe6EBqP8TYACvLR0VBYG40QAAAABJRU5ErkJggg=="); }
  #tegaki > #tegaki-menu-cnt > #tegaki-menu-bar > .tegaki-mb-btn:nth-child(2)::after { content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAbVJREFUeNqkUz1LA0EQnWz2JIZEY2cwpgkBy4CFhYJgJ4iQNFYWksY6hVjmJ/gHRES0TJU6IGohEgVBECSEoHDYHeTIhc3drTNzCUYwH+LC3NztvPfm7ceFtNbwnyGL8gRT6BAfmeFCu3D39hshXlnPYrrSoJ8ANMigv84eXxRLrVYLkskkmKYJ6fw29Ho9rprVAJXOz8DDwudH7bQuqCvGo9Dgo44vlFLgOA5YlsXZtrv4bnPQ92BubjGSOjo/KCFnXwcOWF34vo8AGyKRCOdOJ4QkxZ1t2+VMc1SjZsgTvAfkAEfYdV1ot9sQjUY5KxUDrSUTl3ZjnJUKMIRFXpgFfO2xgOd52KEDzWaTwc9njZE7T1jk9QX6Dmgyl8tNdXQsMHAwvITcXhoSy9GxZOu9Ay8Vc2gJ8L2EeGoWlOuOFSBM4ODnEiQ5UFgYnP2oYWAQFnly2IEkVRLoThDQQgwcBAIesGWD7oHCmCQgDAMIizyDBW70JaxBIS5QOSQlGHiRxg3CEFZpJ34PFb7P6VXYKScguXKdqd1Oc4ybja0NC8zXOlTLJDCPQW3Df/yTafO6XwIMACpp/XSRZjDZAAAAAElFTkSuQmCC"); }
  #tegaki > #tegaki-menu-cnt > #tegaki-menu-bar > .tegaki-mb-btn:nth-child(3)::after { content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAuxJREFUeNqkU0tME1EUvTOdttMBsfbHpw1ESoEK+KHEIAajG4giRlkQQ9i5cuOCjTsWJsadW+PKxBA2JsRINEbZEV0INTEIIsUitFPtH8ZOO//xTilV48KFk5z3Zt6577xz751H6LoO//NQxnDhUeohTouqqs6QJNlEEMQYfg8g2itxG4i3eNicpqoJRVFAkWV4d8u/L6AqSggnA0EToQ8EWpg2n5t21DEUY/BcUQnG08LgZoy/IakwjUvzBw5IYzAUJ0eaQjgPj5xxnW9x0j4KCEYUNSiVVCAUYJodtO/qOc9JmxXugq6P/pGCLEmwl5fg+pA3lEwUwe6wwtKnzJctlt81eJ+bsbc11ngFnqJHBup7nrzeuSNrWhipxL4DUcScFNiO5MDTaIPZ55FwJJp7KQtCn65pfdvs7vTCUnw1my8I32Ic+L02lyJJY9UUJBSgbRTYnTRw+RLcnOwK4Vo/YpLnOHSsz6LL+2vRLLuXL4KrzuxA7mw1BXQQfvB4+a8WYTcGcZgReL4swiZLU80uBg4RNgbdBaoCQql0b3S4u+V7skAsf9j+gcFhs8UC2FJAqyAKJTCZKCBNJuBVDXhRKbv+VURRNMfSBbdEUg21tZbaXHpPL3Lce1QwODCbzYCCE64Gh50nKUjuCkVJECLVGmBQYSeelTjKSjR1tjRivuPo4pJcOQXfJ3BtqrGj2YsxsBXL5JB783sbszuRGN/e1QGsSOvdFweOJT9u9LKb7G2kazzNbnt9T7s3rlnpOisBW+tfM6qkzFUF8PeUMNe1tblXPue1y7CuWMia3j6fv/+0F+k6TtJgXdbBZiEg/vTFisoXp7EeiXKhjcuE1QbS0wlkx5VW0ts9bg4EjhP+1qDmcLYaAmQuW9SjWzl5I5LR2JVp7fOzeS21DuW9FQHDiRPhIo4cPUy0DXWCK3gCKPqUkQKochRykVU9urCop9ZSuJZGZHCvciBgFJOpgPrHDVYRPKKIe7WfAgwAgF+FtpACNncAAAAASUVORK5CYII="); filter: hue-rotate(180deg); }
  #tegaki > #tegaki-menu-cnt > #tegaki-menu-bar > .tegaki-mb-btn:nth-child(4)::after { content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAt9JREFUeNqkU0tPE1EUPtOZQh9QSVsKtAgB5A3RWDRaU+PCR4RUDSZGSTeuiDvjD3DRhJ1xYeI/MJi4wMRHosTEuJCNEqJBQQtFaAuhb0amnee9nlsLNW5cOMk3c+fc8333nO/McJRS+J9LYLfjD1ZBMJtBEAQw8byX47hxDAcQPZW874g5PGyGELLJ83wY34Nvb3omhb8EQwJPI4cO2tytjRanwybYWFAs6v2JtByMrktXCaVzhq5f2COY9qmUhqy1MHXltOdIm9PSyulgK5UMUBSCZXK2dpeldeyk+4yO5PCY14/PaguUEC/PkchYoGk4tVmCkqrLK1tSMpEuFth+h8/ecKzf1ZVNy3D9vM+/k1dBU9VqBbqqjnf5rO6tuAjZ/K785kPiy3qycBeFRzRZHonGcq+mX0bnPS1WWI/mQNd00BWlKqAqyim3w+zcyRfhayybRPX7aNi0JIpsL4w4cSs86BfzJWhwWcBiFVi82gKe0s1znE2SNUhuFwo4iWlD0wAdZ94E2ajvPZyb/9NtnNT8vgBTkxQdJIOU18QwwDB0qLVY2XgnmRDrGUn+kcPt9c1NdfT568X1aguyHN0uyEXJJIDjgLUBPZlQSzLkUinIZzKwg8Aqj9bV1ZzDnKF4erdRUxTzvgC+vF+LZ3KiUAstvW0+PO0Olj1R2cMu6CjGrnn72lswh9tIZFWM71YFVHVmbflHhtitkODtlqHRwKCnrTGCU/iIeIfr20MXAwNJcz1lORvRuIScbNkLZpAj/Jj1HeLttinX5dHhkk7BbubAUVPWF0WVJCWNxqwCt5J9+mLBKMmzaPSW+OjGbwE0B0yePjD1XgqZfMMRc0+3m+vscBKni33KoimXjdHV2JIWjX4mycUn5NuzGEktQ5lbEWDTcCHcnGegmes8GwRn9yDw5k6MSaDLC5BZ+kRXZpdpfu0nxtKIDHL1PQFWq60C4R9/sFEWBSgil/wSYABg+JOXZhLaRAAAAABJRU5ErkJggg=="); }
  #tegaki > #tegaki-menu-cnt > #tegaki-menu-bar > .tegaki-mb-btn:nth-child(5)::after { content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAe5JREFUeNqkk89KG1EUxr+ZubnUjJaipgtNtTZKxE1AVIi4yM5tF30Hoe/iA3TnQkTBRbZFKApCAl1142CJqLR0ZUNJJpPJZP70nJvcEK0SpAPfzD3n5vedM2dujCRJ8D+XODIMGMA4aYfibdLkCKZO+kxlP5FcwRla7MytrHxcLhazMp2WT5HcbeB5gVOp5H44Dqd2RdTb217a2Mi6vi/h+6O6lu9WV7M3jsPd7ppsQJqMTVO6rgtWdn8fev1YrpskkhlmzZBuLJ8qN5tNLJfLqgw/OX4sxyaaE2G/L8/z0Gq1cLy4iA+1mjKcOzhQ+RrFpmniy9oaUqkUMpkMNDcwCIIAYRhiwraxNz2NwskJLMtSgJQSZwSr6Xa7aDca/xowHFB7Xr0OO47vwazx4W9PJpozu2xK6hCY3N1hLIqQPz29BwshULq8RJp+x5JUTHODIRpkkKbv/GYI/ra+jq+FgjJgbV5dKYMX1KHmBh1ImgFv3pZKCr4geJZiVjWfV+2e53K9LqiQ5kSnfzwjmuIY+cxT8J3g+aF35nWVYJ1rx3HQ6R1pWNd0ewu8bkdRfkYI2zYMi/8M4oF0juGq7//8FUWHh0DF4L2XwMIW8H4KKFL8asRR/vObwHOg3ACu2YA6x0S/wHMunmHzrwADAPb07huzEp/RAAAAAElFTkSuQmCC"); }
  #tegaki > #tegaki-menu-cnt > #tegaki-menu-bar > .tegaki-mb-btn:nth-child(6)::after { content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAf9JREFUeNqkk0FrE0EUx//TnUzctkptpAiJVGlAaCsVSg/FpRasBA+C36IgCN4KXvwEfgBPHs2xl1LE1oOI8dBgKYW2h22FhoIHu9E1u93Z7I4vs8kaTCWIA//d93be782bmbdMKYX/GQzlK/Rkw2Qtk18ijfZhTklvoPASSv3k+pNSy8WrE49vj88UzMwF0R39Z4V+6MvtLzsT9tfDlvuCI9LfSzPXbhWkFwiJoF/VYjo/WbBPDkvtBHqFUQOGcM/cv1Ku6yKbzUIIAdM0BXF6qxzNpMQgCOD7/rmw53nYWnqLV8dl0ms6MoYOlyaQUqZJaAXIUGrQa3j4uLCGWq2GB5lFrBw8Ry6X600QhiEajQaq9zdQXJ2DJz0o2l717oaeNwwDk+t3yKDtBG6aYEAbpCiKsFJ8Atu28fneOygjgTnnWlObFjBMhEnhmSY63ABCMkiOdPB075nO6jgOqvNd8HuCL9PEYKJIROhwaQV1ow41omDtP0xBDVcIHvsNtxSbcW8FkjpAB+SB2d2lBN6ytN8Nt6QGVVoBRxDr9gxjugYTSReOA1Pbln6fN2I/piuLT/Xh4oj2cx1jsR/d5HkxxIaYAd7+I3ivKE6effpei06CMsqywnToJXYDFnuEHObJH+nTynV8QwUf1Cp+qCOWXAwuttf4l9FsdfgvAQYAu3XwxWpx0ocAAAAASUVORK5CYII="); }
  #tegaki > #tegaki-tools-cnt { top: 42px; left: 8px; }
  #tegaki > #tegaki-tools-cnt > #tegaki-tools-grid { display: flex; }
  #tegaki > #tegaki-tools-cnt .tegaki-tool-btn { padding: 0 6px; }
  #tegaki > #tegaki-tools-cnt .tegaki-tool-btn, #tegaki > #tegaki-tools-cnt .tegaki-tool-btn::before { width: 16px; height: 24px; }
  #tegaki > #tegaki-tools-cnt .tegaki-tool-btn::before { transform: translateY(-3px); filter: saturate(0.5) brightness(0.7); }
  #tegaki > #tegaki-tools-cnt .tegaki-tool-btn.tegaki-tool-active:before { filter: none; }
  #tegaki > #tegaki-tools-cnt #tegaki-tool-btn { image-rendering: pixelated; }
  #tegaki > #tegaki-tools-cnt #tegaki-tool-btn-pencil::before { content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2lpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wUmlnaHRzPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvcmlnaHRzLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcFJpZ2h0czpNYXJrZWQ9IkZhbHNlIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjcwNEVCNDY0MDM4NzExRTFBREUyQ0JDMzAwQUI1NjI2IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjcwNEVCNDYzMDM4NzExRTFBREUyQ0JDMzAwQUI1NjI2IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzMgV2luZG93cyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ1dWlkOkFDMUYyRTgzMzI0QURGMTFBQUI4QzUzOTBEODVCNUIzIiBzdFJlZjpkb2N1bWVudElEPSJ1dWlkOkM5RDM0OTY2NEEzQ0REMTFCMDhBQkJCQ0ZGMTcyMTU2Ii8+IDwvcmRmOkRlc2NyaXB0aW9...

Reviews

No reviews yet.