Files
com.xaymar.www/_projects/obs/ocean-blue.html
T
Michael Fabian 'Xaymar' Dirks b13414824b Fix timestamp for posts
2022-03-06 10:21:22 +01:00

43 lines
3.4 KiB
HTML

---
layout: default
title: "Ocean Blue, an eye friendly OBS Studio Theme"
comments: false
date: "2022-02-25"
---
{% capture content %}Ocean Blue is a dark mode theme for OBS Studio with focus on visibility and clear visual grouping. I wanted to avoid making another gray or black theme, and tested a lot of different colors, finally ending up with a color that I can only describe as "Ocean Blue". This wasn't the only thing that needed to be different, I wanted something that set itself apart from other themes.{% endcapture %}{% include blocks/paragraph.liquid content=content %}
{% capture content %}My second goal was to improve the visual structure of the user interface as much as possible. This meant unifying the spacing (or padding) of elements, resizing them to fit the expected layouts, and other adjustments. For example, property groups are now clearly visible, instead of just being a thin almost invisible line.{% endcapture %}{% include blocks/paragraph.liquid content=content %}
{% capture content %}These two goals resulted in something that I can only describe as a theme that is directly oriented at content creators.{% endcapture %}{% include blocks/paragraph.liquid content=content %}
{% include blocks/heading.liquid level=1 content="Download & Source Code" %}
{% capture content %}This theme, including the source code for it, is available {% include inline/link.liquid content="on Github" url="https://github.com/xaymar/obs-oceanblue/releases" %} for free. If you deem this Theme useful, consider supporting me on {% include inline/link.liquid url="https://patreon.com/Xaymar" content="Patreon" %}, {% include inline/link.liquid url="https://github.com/sponsors/Xaymar" content="Github" %}, or {% include inline/link.liquid url="https://twitch.tv/Xaymar" content="Twitch" %}.{% endcapture %}{% include blocks/paragraph.liquid content=content %}
{% include blocks/heading.liquid level=1 content="Screenshots & Media" %}
{% capture columns %}
{% capture column %}
{% include blocks/media.liquid type="image" url="https://cdn.xaymar.com/blog/2020/12/obs64_m7sDhBCWe5.png" link=true caption="Main Window" %}
{% endcapture %}{% include blocks/column.liquid content=column %}
{% capture column %}
{% include blocks/media.liquid type="image" url="https://cdn.xaymar.com/blog/2020/12/obs64_Xv1X1BIvsn.png" link=true caption="General Settings" %}
{% endcapture %}{% include blocks/column.liquid content=column %}
{% capture column %}
{% include blocks/media.liquid type="image" url="https://cdn.xaymar.com/blog/2020/12/obs64_uz5wmDLXlk.png" link=true caption="Output Settings" %}
{% endcapture %}{% include blocks/column.liquid content=column %}
{% capture column %}
{% include blocks/media.liquid type="image" url="https://cdn.xaymar.com/blog/2020/12/obs64_lcFx1KOO15.png" link=true caption="Hotkeys" %}
{% endcapture %}{% include blocks/column.liquid content=column %}
{% capture column %}
{% include blocks/media.liquid type="image" url="https://cdn.xaymar.com/blog/2020/12/obs64_eOLVrDEB9t.png" link=true caption="Text Source Properties" %}
{% endcapture %}{% include blocks/column.liquid content=column %}
{% capture column %}
{% include blocks/media.liquid type="image" url="https://cdn.xaymar.com/blog/2020/12/obs64_oncZVYZVHH.png" link=true caption="Filters" %}
{% endcapture %}{% include blocks/column.liquid content=column %}
{% endcapture %}{% include blocks/columns.liquid content=columns %}