🌸

occasional themes and resources. my codes are a mess but #itried.

[amboise]

github

i finally made myself a github account so from now on i will post my codes there. i believe i will still keep my pastebin up to date but it’s too early to tell, we’ll see what happens.

either way; here is the link :)

[amboise]

hi! i'm using your mona lisa theme and didn't need the menu so i deleted it. then i realized that your credit was linked in the menu... where can i include your credit?

Hi!

You can put it in a corner, a single letter will be more than enough.

Thank you for asking and sorry for the late response!

[amboise]

hello, hope you're having a lovely day! <3 i just got my hands on your blue rose theme and it's simply stunning! however, there's a bit of a funk with the theme when i install it, the images don't quite align to the post sizing on the website, unlike the preview. i noticed you had a similar ask about this ( https:// amboise . tumblr . com / post/720064975552528384/hello-its-only-a-question-in-your-theme-blue ) but i thought i'd reach out just in case there was a fix you might have come up with, or something we can self-implement? sorry to bother otherwise, and thank you for your time and themes! <3

Hi, thank you for letting me know!

I'll see what I can do although I can't really make any promises

[amboise]

Hi Amboise!! I just want to say that I really, really, love your themes!! I have an unhealthy attachment to your Crystal theme and I've been using it since the day you published it! You might already know about this, but Tumblr rolled out the NPF stuff which means all the gifs we post are textposts now, and it's quite an eyesore on the desktop theme. I was wondering if you were planning on updating your themes or should I just say goodbye to your beautiful Crystal theme and move on 😢

I havent updated any codes in forever but taking a look at it wont hurt, I'll see what I can do about it.

Thanks for letting me know!

[amboise]

Hello!! it's only a question, in your theme blue rose when I post an image or many images in one post It does not stay like the other images. Sorry I don't know explain it very well, but you can watch it in my two posts latest. Thanks in advance for the help >O<

Hi!

When I made that theme tumblr had a different structure for posts. Each kind of posts had it’s different block for example, but now they’re all text posts so it can look kinda funky nowadays…

I should say I don’t know how to solve it tho, sorry.

[amboise]

hi! i was wondering if there's a chance you can add a dark mode version + toggle on your jasmine theme? i love everything about it sm bc it's very simple and right up my alley, so having a dark mode would be really great as it won't hurt my eyes that much while scrolling my blog at night.

Hi! My laptop doesn't work anymore so I have no way of coding right now, but as soon as I get something I might try to polish that theme a little, it was the first one so it lacks customization options and what not.

Sorry but thank you for using my themes!!

[pneuma-themes]

Theme #05: Sakurairo by @pneuma-themes

No matter how many times we cry, we will laugh again.

Live Preview (Temporary) / Static Preview: [Index] [Permalink] / Get the code: [pastebin] [github]

This theme was conceived around the idea of having a SVG element as a decorative element. Turns out better than I expected honestly, am quite proud of myself. Suitable for all kinds of blogs, but will also do well with image-heavy blogs.

Features:

Customizable post width and font size. The live preview uses 600px posts and 13px font size.

Three custom links.

A 64 x 64px icon.

Customizable photoset gutter.

Built-in lightbox for photoset posts.

Built-in light/dark mode which persists once toggled.

Mostly NPF friendly.

Toggle-able tags.

Notes:

Usual disclaimer and discretion on NPF posts apply.

Customizations for both the search entry and the custom link icons will be below read more.

Credits:

Icon: @acuite

NPF v3.0 fix, minify spotify player, AA Icon fonts: @glenthemes

Toggle tumblr control: @seyche

Minified soundcloud player: @shythemes

Fonts: Noto Sans, Noto Serif @ Google Fonts

Responsive video script: @nouvae

customAudio.js: @annasthms

photoset.css with lightbox: @annasthms and @eggdesign

Please like and reblog if you like this and or are using it!

[softcodes]

november by @softcodes

preview / code

sharing the theme i’ve been using on my main blog, which a couple of anons have asked for (some of them a while ago, sorry!!). finally got around to polishing it up!

single column theme with a left sidebar and optional right sidebar that includes sections for updates, a featured project, and site info. geared towards writeblrs, but of course anyone can use! includes a sidebar image, icon, project image, five custom links, four post sizes, any google font, custom title, and iconsax icons. the audio player is the “light accent” color, which doesn’t show up in the preview for some reason! icons and sidebar image in preview via unsplash. (full list of credits here.)

pls like or reblog if you use:)

[mournstera]

Creating Tumblr themes: Websites or tools you might not have heard of

There are several posts and pages on how to create Tumblr themes. I figured I'd add some links and tools that I haven't really seen on this hellsite. Enjoy!

Chrome Devtools — This is an obvious one to point out to some, but I don't wanna leave it out. Right click and inspect on a website! "live edit" your CSS and HTML and watch it take action immediately. Just remember to copy the html/CSS into your theme before refreshing ;) I've used similar tools on Firefox since 2010, never looked back. devtools is powerful as fuck, but you don't need to know everything before diving into it.

Prettier.io — "An opinionated code formatter." Use the online playground to check your scripts or neatly fix and arrange your CSS. Or just HTML. It can also be installed in VS Code easily, which I highly recommend.

Coolors.co — colour patterns, gradients, create colour schemes from images, check for accessibility, and so much more.

Lucide Icons — the popular Feather icons just got an upgrade, so many Icons! Go here to see how to integrate it in your themes.

Neumorphism.io — What it says on the tin.

uiverse.io — Universe of UI elements to help you stand out. Great source of inspiration as well.

Fancy Border Radius Generator — Because why settle with squares?

Blob generator — if fancy Border radius isn't enough. Generator of much more than blobs, by the way! Check it out.

Open Props: Sub-atomic styles — Supercharged CSS variables.

Modern CSS Reset — better than Eric Meyer's.

Subtle patterns — been using this for over a decade.

CodeMyUI — repository for CSS snippets.

Codepad — a place for developers to share code snippets: PHP, Java, Bash, C, C++, Python and more.

Mesh Gradient Collection — because it's pretty.

WAVE — Check how your website/theme holds up accessibility-wise. Spoiler alert: get into aria-labels.

Feel free to message me more, and I'll add it to the post.

[aurthms]

saturno

static preview / get code | buy me coffee

features

customizable colors, fonts & font size

optional post width

up to 7 customizable links

supports Tumblr's new posts format (NPF)

localization strings

responsive

full credits list

[kosmique]

lunar: a header-sidebar theme with with multiple customization modes.

previews: version one // version two // live preview

code: pastebin // github

features:

left/right sidebar.

notes on index.

background image or gradient.

full width header option and optional header image.

dark mode.

400px, 450px, 500px and 540px posts.

optional about section.

up to five custom links + unlimited pages.

responsive.

custom font and font size.

custom sidebar description.

notes:

if you don’t want the links to appear, leave the links titles fields empty; same for the sidebar description.

you can use any font from google fonts. just enter the site, copy the name of the font you want and paste in the appropriate field.

dark mode colors are not directly editable from the panel. however, if you want to modify the colors, just search for /*—– dark mode —–*/.

decimal format only

if you want to use a solid background color, just set the two gradient colors to a single color.

if you want to use an image as a background, enable the option first.

credits:

header image | notes on index | full list

[magnusthemes]

Theme -  Starboy; [preview] [code] [magnusthemes] [buy me a coffee?]

Header theme with a carousel sidebar based on an old MagnusThemes layout from the stone age.

Features:

Theme is responsive!

Like/reblog buttons

Custom margins from 30px to 60px

Custom post size from 250px to 540px

Custom sidebar size from 150px to 240px

Option for the sidebar to be on the left or right

Option to hide captions and tags on index page

Optional fading and/or monochrome images

Optional images: sidebar, header (optionally full-width)

Links: 3 custom links input manually, and a dropdown menu for pages

Carousel sidebar contains optional statistics/updates tabs

Notes:

To insert links into the dropdown menu, simply create a page and check “show a link to this page”.

Please turn off the default mobile theme in Advanced Options if you want to use the mobile version!

Full list of credits: here

Please like and/or reblog this post if you use or plan or using this theme, and consider buying a coffee to support me! Thank you c:

[aureacor]

NO EXIT  / synopsis page

preview / code

features

a light academia synopsis page

small icon ( 60 x 60 )

medium image ( 560 x 200 )

quote section

header section

3 links with hover effects

easy customization of font & colors

notes

full credits & instructions are inside the code

do not remove credit, or take portions of my code for your own page

do not claim as your own

do not use my code as a base

you may edit the formatting to your heart’s content

Please consider ( supporting me ) if you found this resource useful

If you have general questions please feel free to send me an ask, or find me in the notoriousgraphics server !  

LIKE or REBLOG if you use it please!

[kosmique]

rígel: a responsive all-in-one page.

preview // code

features:

4 sections: about, navigation, message and blogroll.

responsive.

7 custom fonts.

5 custom links,

notes:

in the code, there is a note with the link to glenthemes’ tutorial to collect your song url, if you’re uploading it via dropbox.

you can change the main and title fonts in your variables, just make sure you’re keeping the quotes.

ask box, submission box and blogroll only appear if they are enabled. make sure these options are checked in your settings.

blogroll only works on main blogs.

full credits list here

[hisources]

Since lots of people are leaving tumblr or deactivating, I decided to make a major research to list a few resources blogs that are still active. I’ll be updating this list as it goes on.

GENERAL RESOURCES ― @completeresources  @finesources @rresources @allresources @evansyhelp @mikrokosmosresources @kosmospsds @userbru @resourcemarket @kittyshcherbatsky @dailyresources @ihaveresources 

PSDS ― @dailypsd @psdland @dearcolouring @harupsds @l-agallerrie @naileadevoras @vannilapsds @wasirauhlpsds @mischiefiles @opulenceps @gmfioart @galaxypsds @peachcoloring 

THEMES ― @theme-hunter @altindie @ricecodes @kosmique @nuclearthemes @enbythemes @silbrigthemes @rory-amy @arianagrandre @glenthemes @vitaminholland @fukuo @92pcy @eggdesign @maziekeen @solocodes @solasz ​

TUMBLR ICONS & HEADERS ― @iconfrenzy @alexstewart @ohtwilight @mikewheelerc @torisvega @evanbukley @harley-quinss 

TWITTER ICONS & HEADERS ― @viciousedits @flighticons @screensland @iconsfinder @randomwpsd @maddiesflame @lukovstuff  

MORE RESOURCES ― @clubgif @yourfonts @hd-screencaps @pontiacsbandit @argetnallison 

USEFUL SITES ― brusheezy, myphotoshopbrushes, cleanpng, freepngs, dafont, fontsquirrel, color calculator, icolorpalette, imagecolorpicker, flaticon, freepik, photopea, deviantart, screencaped, kissthemgoodbye, unsplash, pexels.

Let me know if you’re a resources blog/resources maker and I’ll add you to this list. 

[kosmique]

bellatrix: my first theme with header.

preview // code

features

responsive.

show/hide header.

7 custom fonts.

4 custom font sizes.

show/hide header icon and image.

show/hide sidebar icon and image.

4 custom posts width.

up to 6 custom links.

preview icon credit / preview image credit

full credits list here

[seyche]

page seven: azalea — a combined about/navigation page inspired by spotify and featuring a music player. made to match my twelfth theme, anemone.

preview / code: pastebin, github

features:

a functional music player with space for one song only. 

space for a description, basic info, favourites list, social media links, and sideblogs links.

space for as many links as you want with headings and sub-headings to separate link blocks.

responsive for both desktop and mobile devices.

notes:

your audio file must be in .mp3 format and must be uploaded to Google Drive or Dropbox. for instructions on how to do so, read my guide here.

icons are from feather icons and font awesome. to change the icons, go to the icon site, copy the icon HTML, and put it in the denoted spaces in the HTML.

this page uses CSS variables for easier customization and includes instructions on how to edit within the HTML, but you will need basic HTML knowledge to use this page.

credits:

tippy.js tooltips by atomiks

icon fonts: feather icons by Cole Bemis and font awesome

HTML audio tutorial by Johnny Shi