1.7.0

Author: ReStartQ

.vscode/settings.json

@@ -27,5 +27,27 @@
     "package-lock.json": true,
     "*.{css,sass,scss}.d.ts": true
   },
-  "editor.formatOnSave": true
+  "editor.formatOnSave": true,
+  "workbench.colorCustomizations": {
+    "terminal.background": "#161B1D",
+    "terminal.foreground": "#7EA2B4",
+    "terminalCursor.background": "#7EA2B4",
+    "terminalCursor.foreground": "#7EA2B4",
+    "terminal.ansiBlack": "#161B1D",
+    "terminal.ansiBlue": "#257FAD",
+    "terminal.ansiBrightBlack": "#5A7B8C",
+    "terminal.ansiBrightBlue": "#257FAD",
+    "terminal.ansiBrightCyan": "#2D8F6F",
+    "terminal.ansiBrightGreen": "#568C3B",
+    "terminal.ansiBrightMagenta": "#6B6BB8",
+    "terminal.ansiBrightRed": "#D22D72",
+    "terminal.ansiBrightWhite": "#EBF8FF",
+    "terminal.ansiBrightYellow": "#8A8A0F",
+    "terminal.ansiCyan": "#2D8F6F",
+    "terminal.ansiGreen": "#568C3B",
+    "terminal.ansiMagenta": "#6B6BB8",
+    "terminal.ansiRed": "#D22D72",
+    "terminal.ansiWhite": "#7EA2B4",
+    "terminal.ansiYellow": "#8A8A0F"
+  }
 }

CHANGELOG.md

@@ -1,3 +1,24 @@
+## 1.7.0
+
+### Main Changes
+
+- Color changes for text in cards and tooltips for a more accessibility friendly experience
+- Disabled button border changed to a color that fits with the color scheme
+- Order and swapping information of media cards has been changed to make a more consistent UI among all the cards.
+- Status is now uniformally being represented by a colored dot throughout the app.
+- Score select component has been adjusted to a smaller size and centered text. Removed dropdown icon.
+- Status select has swapped places with score input in the advanced media window.
+- Removed progress bar from progress stepper.
+- Text color contrasts changes around the app for a better contrast ratio. Labels are a different color than the information text that it relates to. These changes can be seen in the media card texts, information in the advanced window, and some tooltips.
+
+### Minor Changes
+
+- 'Not yet released' status has been changed to 'Unreleased'
+- Small padding changes to media cards.
+- Advanced entry input update button size increased to match in size with bottom components.
+- Reset to default buttons variant changed to soft to distinguish it from other buttons.
+- Status colors has been lightly changed to different shades of the original.
+
 ## 1.6.0
 
 ### Main Changes

README.md

@@ -34,7 +34,7 @@ _Note:_
 **This app does not have a code signing certificate and will give a warning message on installation.**
 
 1. Download the setup file from the latest releases. The setup file is labeled as AniCour-Setup-x.x.x.exe, where x.x.x will denote the version.
-   <br> **Example: AniCour-Setup-1.6.0.exe**
+   <br> **Example: AniCour-Setup-1.7.0.exe**
    <br> _Some browsers may give a warning when downloading the setup file as it does not use a code signing certificate._
    <br> _In this case, to allow the download use the alternate option they provide. (Example: keep file)_
 2. Run the setup file, Windows will give a message like below, click on **"More info"** <p align="center"><a href="https://raw.githubusercontent.com/restartq/anicour/main/images/help/AniCourNoCodeSigningInitial.png"><img src="https://raw.githubusercontent.com/restartq/anicour/main/images/help/AniCourNoCodeSigningInitial.png" height="280"/></a></p>

help/InstallHelp.md

@@ -6,7 +6,7 @@ You can download the app [here](https://github.com/ReStartQ/AniCour/releases).
 
 1. Download the setup file from the latest release and install it on your computer.
 2. The setup file is labeled as AniCour-Setup-x.x.x.exe, where x denotes a number for the version.
-   **Ex: AniCour-Setup-1.6.0.exe**
+   **Ex: AniCour-Setup-1.7.0.exe**
 3. When you run the exe file, Windows will give a message like below, click on "More info" <p align="center"><a href="#"><img src="https://raw.githubusercontent.com/restartq/anicour/main/images/help/AniCourNoCodeSigningInitial.png" /></a></p>
 4. A new option will appear, "Run anyway". Click on it. <p align="center"><a href="#"><img src="https://raw.githubusercontent.com/restartq/anicour/main/images/help/AniCourNoCodeSigning.png" /></a></p>
 5. The installer menu will open up to allow you to install it on your computer. <p align="center"><a href="#"><img src="https://raw.githubusercontent.com/restartq/anicour/main/images/help/AniCourInstallationMenu2.png" /></a></p>

release/app/package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "anicour",
-  "version": "1.6.0",
+  "version": "1.7.0",
   "description": "Anime, Manga, and Light Novel Tracker Desktop Application for Windows. A fast and interactive way for AniList users to track and manage their anime/manga lists. ",
   "license": "GPL-3.0",
   "author": {

release/app/package.json

@@ -156,15 +156,23 @@ export default function ProgressStepper({
       mr={1}
     >
       {props.nextAiringEpisode !== null ? (
-        <Typography fontSize={12} fontWeight="bold">
+        <Typography
+          fontSize={12}
+          fontWeight="bold"
+          className="label-information"
+        >
           {props.type === 'ANIME' ? 'Episodes' : 'Chapters'}
           {/*         <NextAiringEpisodeIndicator
           props={props}
           progress={advancedInput.progress}
           /> */}
         </Typography>
       ) : (
-        <Typography fontSize={12} fontWeight="bold">
+        <Typography
+          fontSize={12}
+          fontWeight="bold"
+          className="label-information"
+        >
           {props.type === 'ANIME' ? 'Episodes' : 'Chapters'}
         </Typography>
       )}
@@ -193,7 +201,11 @@ export default function ProgressStepper({
         >
           <RemoveIcon fontSize="inherit" />
         </IconButton>
-        <Typography fontSize={12} sx={{ flexGrow: 1, textAlign: 'center' }}>
+        <Typography
+          fontSize={12}
+          sx={{ flexGrow: 1, textAlign: 'center' }}
+          className="information"
+        >
           {formatProgress(
             props.type,
             advancedInput.progress,
@@ -225,6 +237,7 @@ export default function ProgressStepper({
           <AddIcon fontSize="inherit" />
         </IconButton>
       </Box>
+      {/*
       <Box
         display="flex"
         flexDirection="row"
@@ -257,7 +270,7 @@ export default function ProgressStepper({
           mediaType={props.type}
           type={0}
         />
-      </Box>
+      </Box> */}
     </Box>
   );
 }

src/renderer/components/app/etc/ProgressStepper.tsx

@@ -120,6 +120,7 @@ export default function ProgressVolumesStepper({
             <AddIcon fontSize="inherit" />
           </IconButton>
         </Box>
+        {/*
         <Box
           display="flex"
           flexDirection="row"
@@ -137,6 +138,7 @@ export default function ProgressVolumesStepper({
             type={1}
           />
         </Box>
+        */}
       </Box>
     </>
   );

src/renderer/components/app/etc/ProgressVolumesStepper.tsx

@@ -1,9 +1,6 @@
-import AddIcon from '@mui/icons-material/Add';
-import RemoveIcon from '@mui/icons-material/Remove';
-import { IconButton, NativeSelect, Typography } from '@mui/material';
+import { NativeSelect, Typography } from '@mui/material';
 import { Box } from '@mui/system';
-import { useEffect, useState } from 'react';
-import ArrowDropDownIcon from '@mui/icons-material/ArrowDropDown';
+import { useEffect } from 'react';
 
 export default function ScoreSelect({
   props,
@@ -27,26 +24,33 @@ export default function ScoreSelect({
   }, [inputDispatch, props.mediaListEntry.score]);
 
   return (
-    <Box display="flex" flexDirection="column" sx={{ gridColumn: '1/2' }}>
-      <Typography fontSize={12} fontWeight="bold">
+    <Box display="flex" flexDirection="column">
+      <Typography fontSize={12} fontWeight="bold" className="label-information">
         Score{' '}
       </Typography>
       <NativeSelect
         value={advancedInput.score}
         size="small"
         sx={{
-          pt: '7px',
-          width: '55px',
-          height: '22px',
+          width: '36px',
+          height: '20px',
           fontSize: '12px',
-          textAlignLast: 'right',
           border: '1px solid #03a9f4',
           borderRadius: '5px',
           color: ' #81d4fa',
           '&:hover': {
             backgroundColor: '#1F242F',
           },
           backgroundColor: '#0b0d0e',
+          textAlign: 'center', // Centers the text inside the select
+          textAlignLast: 'center', // Ensures the selected value is centered
+        }}
+        inputProps={{
+          style: {
+            padding: '0px',
+            paddingTop: '2px',
+            textAlign: 'center',
+          },
         }}
         disableUnderline
         onChange={onChange}

src/renderer/components/app/etc/ScoreSelect.tsx

@@ -10,8 +10,9 @@ const TableStatus = ({ row }: any) => {
       <CircleIcon
         fontSize="inherit"
         sx={{
-          mt: '3px',
+          mt: '2px',
           ml: '10px',
+          padding: '2px',
           color: getStatusColor(row.original.status),
         }}
       />