.yukoki { codes }

※ free tumblr codes & resources ※

[xuethms]

◍ fluorine theme.

Links: previews [ yoi / rai / aya ] | install | features

Fluorine is the product of my indecisiveness turned into a strength — enjoy multiple ways of styling your header, blog navigation, sidebar, and posts (all post sizes + multi-column support).

Features: header (full-width, half-width, or none), sticky or fixed navigation, 6 custom google fonts, searchbar, avatar, sidebar image as icon or normal, 250/400/500/700px posts, up to 3 columns, styled search & tag pages

Credits: cappuccicons, feather icons, iconsax icons, NPF images fix v3.0, Griddery v2.0, photosets.css, customaudio.js, Style-my-Tooltips, Truncate note counts

[xuethms]

◍ oxygen theme.

Links: preview | alt preview | install | features

Oxygen is a console gaming-inspired theme which features reminiscent console buttons as navigation links. More thoroughly introduce yourself through an integrated user profile section.

Features: console buttons navigation, windowed style, custom google fonts, sidebar profile with avatar and hp + sp bars, user profile section with long bio + skills/progress + to-do list, social media links

Credits:

Sidebar image art by jellykobi

cappuccicons by suiomi

feather icons by Cole Bemis

photosets.css by annasthms & eggdesign

NPF images fix v3.0 by glenthemes

customaudio.js by annasthms

Style-my-Tooltips by malihu

[xuethms]

☁ quartz (about page).

Links: preview | install | by xuethms

Quartz is a carousel-based all-in-one about page that includes a biography section, tagslist, blogroll, and contact page (FAQ + Read First + Ask box). This functionality is further combined with a sleek modern form and a sunny palette.

An homage to my 2014 design, Suikomu.

Features: carousel navigation, long bio, tagslist with sticky category headers, blogroll, FAQ/QNA, askbox

Credits: Preview photos by Ivan Yeo | Cappuccicons by Suiomi | Masonry by David DeSandro | style-my-tooltips by malihu

[xuethms]

◍ nitrogen theme.

Links: preview | alt preview | install | features

Nitrogen is an exploration into the use of CSS sticky elements. Greet your blog visitors with a flashy header image that transforms into a fixed top bar as you scroll. With several customisation options, pick the style that best fits you!

Features: header theme (3 header sizes) + sidebar image, 500px posts, sticky sidebar + topbar + post source icons, searchbar, styled search + tag pages, 2 permalink styles, custom audio posts

Credits:

Header and sidebar preview images by emeldraws

Feather icons by Cole Bemis

photosets.css by annasthms & eggdesign

NPF images fix v3.0 by glenthemes

customaudio.js by annasthms

[xuethms]

◍ carbon theme.

Links: dark preview | light preview | install | features

Carbon incorporates the best elements from Instagram Web together with functionality and customisability. As an all-in-one theme, it comes with an optional integrated ask page (FAQ section + ask box) and navigation page (custom links + social media + tagslist).

Features: all-in-one theme (askbox + faq + nav + social media + tags), 500px posts only, 3x sidebar styles, searchbar, styled search and tag pages, built-in custom links (limitless), personalise navicons

Credits:

Layout inspired by Instagram Web

Sidebar image art by jellykobi

cappuccicons by suiomi

photosets.css by annasthms & eggdesign

NPF images fix v3.0 by glenthemes

Extra thanks to starlightthemes for figuring out OP icons

[xuethms]

◍ boron theme.

Links: preview | install | features | theme five by xuethms

Boron is a fuss-free, simple and clean theme. Borders and lines keep things in order, while four accent bursts of colours bring in sparks of life. With a single click, the sidebar transforms into an about page for you to showcase everything visitors need to know about you.

Features: Slide-out user info page (user icon + name + social media + pronouns + bio + links), search bar / scrolling update box, built-in custom links (limitless), personlise navicons, post types display

Credits:

Preview sidebar image by @jellykobi

Cappuccicons by @suiomi

Feather Icons by Cole Bemis

photosets.css by @annasthms @eggdesign

npf posts support by @glenthemes​

Truncate note counts by @shythemes​

[xuethms]

◍ beryl theme.

Links: preview | install | features | theme four by xuethms

Beryl offers a unique content grid layout that’s perfect for photo-heavy blogs. All posts are neatly collated at 250px, and every fifth post is enlarged at 520px. Personalise it further by picking from eight custom title font options, your blog icon, navigation style, and more!

Features: Grid layout (250px, 520px), custom lightboxes, like & reblog buttons, footer with avatar + username + social media links, messenger-styled dialogue boxes for chat & answer posts

Credits:

Preview header portrait by @jellykobi

Cappuccicons by @suiomi

photosets.css by @annasthms @eggdesign

npf posts support by @glenthemes​

[yukoki]

A reminder that I have moved to xuethms and will no longer be posting on this account. Please follow me at xuethms to access my new codes and content!

[xuethms]

◍ lithium theme.

Links: preview | install | features | theme three by xuethms

Lithium is huge on personalising your blog through photos and icons. Showcase three toggle-able sidebar images, a header wallpaper, and even a pop-up sidebar image. This pop-up can be used to share more about yourself, or to expand more on ongoing projects you have. And of course – who can forget the rounded corners?

Features: 400/500px posts sizes, [more] pop-up, three sidebar images toggle, up to 9 custom links + icons, un-nested captions, searchbar, tags on click

Credits:

Sidebar images by Atey Ghailan, profile pic by me

photosets.css by @annasthms & @eggdesign

Stroke icons by pixeden

npf fix by @glenthemes

Please like/reblog if you use or enjoyed the theme!

[xuethms]

Support xuethms on ko-fi! ☕

💖 https://ko-fi.com/xuethms

It’s been nine years since I first started uploading my themes and pages to Tumblr, but this is my first time accepting donations and monetary compensation for my work. Your support means a lot to me; it drives me to continue creating content, funds my daily needs and activities, and ultimately also formalises this little coding hobby of mine. I appreciate every bit of support I can get!

If you’ve ever used my themes and pages, please consider donating if you’re able to. Thank you!  ~ (´｡• ᵕ •｡`) ♡

Credits to @jellykobi​ for the wonderful artwork in this banner ♡

[xuethms]

I am now accepting theme (USD28+) and page (USD12+) commissions on my ko-fi store! Limited to one slot for now as I test the waters; it’s my first time offering commissions so I’m a tad nervous. Please be kind ♡

[xuethms]

◍ helium theme.

Links: preview | install | features | theme two by xuethms

Helium brings to you the fun of gradients, circles, and stripes! Rounded corners and iconography are everywhere in this theme, and smooth transitions help to tie everything together to create a seamless experience. This theme also includes an exclusive Updates pop-up to share more about what’s up in your life.

Features: 400/500/540/700px post sizes, updates pop-up, custom lightboxes, searchbar, tags on index (on click)

Credits: 

preview sidebar image by @jellykobi

un-nest tumblr captions by @magnusthemes @neothm

photosets.css by @annasthms @eggdesign

linear icons by perxis

[xuethms]

Support xuethms on ko-fi! ☕

💖 https://ko-fi.com/xuethms

It’s been nine years since I first started uploading my themes and pages to Tumblr, but this is my first time accepting donations and monetary compensation for my work. Your support means a lot to me; it drives me to continue creating content, funds my daily needs and activities, and ultimately also formalises this little coding hobby of mine. I appreciate every bit of support I can get!

If you’ve ever used my themes and pages, please consider donating if you’re able to. Thank you!  ~ (´｡• ᵕ •｡`) ♡

Credits to @jellykobi​ for the wonderful artwork in this banner ♡

[yukoki]

Please support me if you are able to! It means a lot to me (´• ω •`) ♡ 

Also, I will be uploading all new codes to xuethms, so do follow me there!

[xuethms]

xuethms’ official launch!

Launched on 🌸 4 June 2021

Welcome to yukoki’s new theme blog, xuethms. Yes, it’s me Yuko Xue (she/they)! I’m finally back to creating Tumblr themes and pages after a long junior-college-&-university hiatus. I can’t guarantee I’ll be as active as before in my “prime” (I haven’t graduated yet!), but I am working on new releases.

I’m rebranding because I wanted to start afresh after taking such a long break, and a lot of my old codes have been broken by the Tumblr updates since then. I’ve been meaning to rebuild for more than a year now, but school and life kept getting in the way. Now with a clean slate and having completed most of my graduation requirements, I feel ready to start creating again.

Nine years ago on 4 June 2012, I launched mogimochi as a hobby sideblog. A few months later, I rebranded as yukoki to transition to a new account, as my themes gained traction. I’ve received immense support in my almost-decade of theme-making, and have made many friends in the community. It all started as a simple hobby, but it’s grown to become such an important part of my identity. I’m excited to be back and I hope you will all continue to support me as I start a new chapter of my theme-making career. 

— Thank you!

[xuethms]

◍ hydrogen theme.

Links: preview | install | features | theme one by xuethms

Hydrogen takes full advantage of rounded edges, grid patterns, windowed contents, and an accent colour that permeates every element, to create a simple but elegant theme. By simply changing the accent colour, you can drastically change the vibe and aesthetic of your entire blog.

Credits: photosets.css by annasthms & eggdesign | preview sidebar image by @igusaharu

[yukoki]

Hi there! This isn't about your codes, but I just want to let you know how much of an inspiration you are to me! I was still in high school when I first checked out your themes, and it opened up a love I didn't know I could have. Because of you, I took up Interactive Media in college, and I'm graduating this year! I suddenly remembered you while working on my own portfolio website, and after finding out your acc is still active, I just wanted to share my appreciation <3 Thank you for everything!

!! I'm so happy for you that you were able to find your passion, and am incredibly honoured that I was able to inspire you so! ;__; Congratulations for graduating, but most of all for finding something to study that you love. All the best!!

I'm just back and barely active, but hearing these words is such a huge motivation boost. Thank you so much!

[yukoki]

hi!!! pls don't worry, it's super understandable!!! i hope university gets better! take ur time to come back obviously ♡

Aww thank you!! You are too kind <3 I hope you take care of yourself too, it's a tough time out there rn!

[yukoki]

Logged in for the first time in a year++ and found my inbox full of messages about broken themes and codes — (´；ω；`)

It’s been a long time everyone! Hope all of you have been faring fine, as shitty as this pandemic has been. I’m really sorry for disappearing, making posts like I’m coming back, but never fulfilling those promises - University has been tough and honestly I have newfound mad respect to those theme makers who juggle coding with schoolwork.

And well, with what sounds like a lot of my themes down, lots of new tumblr features and more, I feel like I need to re-learn the basics of coding a tumblr theme again.

I gotta rebuild. Start from scratch. Y’know?

[mintrps]

LOVE  ME  HARDER  @  mintrps.

sidebar image ( 165 x 185 px ) 

optional faq & muse tab

toggle customization controls

modifiable body font & size

250, 300 or 350 px post size

navigation tab w/ six custom links

navigation image ( 200 x 130 px )

preview linked on the source of the post

find a link to the code ( $3 ) in the preview

CREDITS.

icon fonts: iconify​

body fonts: google fonts

‘bodini’ by qualitype

‘hamburg hand’ by brandon n.

animations: animista

tabs: @valcntines

TERMS OF USE.

do not copy/replicate

do not redistribute

do not use as a base code

do not edit/remove credit

read the full terms in my blog

message me if you need help

like or reblog if you want ♡